body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/css/boxsizing.htc');}

html {min-height:100%; height:100%; width:100%;}
body {background:#fff; color:#000; font:20px/1.3 'Georgia', serif; height:100%; min-height:100%; width:100%; -webkit-text-size-adjust:100%;}

hr {border:0; border-bottom:1px solid #d9d9d9; float:left; height:0px; margin:5px 0 10px 0; padding:0; width:100%;}
em {font-style: italic;}

a {color:#333;}

.container {max-width:85%; margin:0 auto; clear:both;}

.hero {position:relative;}

.hero h1 {color:#fff; font-size:60px; width:100%; position:absolute; bottom:0; left:0; text-align:center; margin:0 auto; padding:50px 30px 40px 30px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

h2 {font-size:30px; margin:40px 0 40px 0; color:#b96212;}
p {margin:0 0 15px 0;}

.main {float:left; width:70%;}
.main ul {list-style:square; margin:10px 0 20px 40px;}

.boxes {float:right; width:25%; margin-left:5%; padding:0 0 40px 0;}
.boxes .box {border-top:5px solid #e7a05f;}
.boxes .box h4 {color:#b96212; margin:20px 20px 0 10px;}
.boxes .box ul {margin:10px 20px 30px 10px;}
.boxes .box ul li {margin:5px 0; font-size:15px;}
.boxes a.actionbutton {width:100%; margin-top:0; margin-bottom:40px;}

.wideimage {width:100%; height:auto; margin:30px 0;}
.inlineimage {float:right; margin:10px 0 20px 40px; width:40%;}

a.actionbutton {border-radius:5px; background:#393; color:#fff; padding:5px 20px; text-decoration: none; text-align:center; white-space: nowrap; display:inline-block; text-transform: uppercase; font-size:14px; font-family: Arial, Helvetica, sans-serif; margin:20px 15px 20px 0; line-height:45px;}
a.actionbutton:hover {opacity:0.8;}
a.actionbutton i {color:#fff; opacity:0.5; margin-right:5px;}

.action {}

.gallery {clear:both; background:#eee; padding:40px 0; margin-top:50px; overflow:hidden;}
.gallery .container {font-size:0.0000001px; column-fill: balance; -webkit-margin-bottom-collapse: separate;
  -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
    -webkit-column-gap: 25px;    -moz-column-gap: 25px;    column-gap: 25px;
    -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance;}
.gallery .container img {width:100%; margin:0 0 25px 0; border:0;}


.action {margin:30px auto; clear:both; text-align:center;}


.details {clear:both;}
.details hr {margin:30px 0;}
.details h3 {width:25%; color:#b96212; font-size:18px; margin-right:5%; float:left; clear:left; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.details h3 span {color:#999;}
.details p {margin-left:30%;}

.footer {clear:both; background:#eee; padding:30px 0; margin-top:50px; text-align: center;}


/* Media Queries ------------ */

@media all and (max-width: 1350px){
.container {max-width:90%;}
}

@media all and (max-width: 950px){
body {font-size:18px;}
.boxes a.actionbutton {font-size:11px; padding:5px 10px;}
.boxes a.actionbutton i {display:none;}
}

@media (max-width: 700px) {
.hero h1 {font-size:40px;}
.hero {height:300px;}
h2 {margin-left:4%; margin-right:4%;}
.inlineimage {float:none; margin-left:0; width:100%;}
.main {float:none; width:92%; margin-left:4%; margin-right:4%;}
.boxes {float:none; width:92%; margin-left:4%; margin-right:4%;}
.boxes .box h4 {margin-left:0; margin-right:0;}
.boxes .box ul {margin-left:0; margin-right:0;}
.boxes a.actionbutton {display:none;}
.gallery .container {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.container {width:92%; max-width:90%; margin-left:4%; margin-right:4%;}

.gallery {width: 100%;}

.details h3 {float:none; width:100%; margin-bottom:10px;}
.details p {margin-left:0;}
}

@media (max-width: 500px) {
.gallery .container {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}