* {
box-sizing: border-box;
}

html,body {
margin:0px;
padding:0px;
background-color:#FFF;
color:#222;
font-family:"Open Sans", sans-serif;
font-size:18px;
}

a {
color:#57667d;
}

#header {
height:426px;
background-image:url('./images/brandbox.jpg');
background-repeat:no-repeat;
background-position: center top;
}

.center {
text-align:center;
}

.container {
width:960px;
margin:0px auto;
position:relative;
}

#header #logo {
text-indent:-9999px;
background-image:url('./images/logo.png');
width:233px;
height:155px;
display:block;
position:absolute;
left:0px;
top:0px;
}

#header span {
display:block;
position:absolute;
top:10px;
left:233px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

#header ul {
position:absolute;
top:10px;
right:0px;
margin:0px;
padding:0px;
list-style-type:none;
}

#header ul li {
display:inline-block;
margin:0px 0px 0px 30px;
padding:0px;
font-size:16px;
}

#header ul li a {
color:#FFF;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#header h1 {
color:#DBC2A6;
margin:0px;
padding:0px 0px 10px 0px;
position:absolute;
left:0px;
top:200px;
font-size:24px;
border-bottom:solid 1px #DBC2A6;
text-transform:uppercase;
font-weight:bold;
}
#header h2 {
color:#FFF;
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:260px;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
}

.line {
margin-top:2px;
margin-bottom:40px;
height:10px;
background-color:#DBA377;
}

h1 {
color:#57667d;
}

h2 {
color:#57667d;
}

.col {
background-color:#F7ECE1;
display:inline-block;
width:300px;
vertical-align:top;
padding-top:30px;
padding-bottom:15px;
text-decoration:none;
}

.colmid {
margin-left:25px;
margin-right:25px;
}


.col h3 {
color:#57667d;
}

.col .fa {
font-size:146px;
color:#BD8D76;
}

.widebar {
background-color:#F7ECE1;
padding:50px 0px;
}

.btn {
  display:inline-block;
  margin-top:20px;
  background: #DBA377;
  background-image: -webkit-linear-gradient(top, #DBA377, #BC8D77);
  background-image: -moz-linear-gradient(top, #DBA377, #BC8D77);
  background-image: -ms-linear-gradient(top, #DBA377, #BC8D77);
  background-image: -o-linear-gradient(top, #DBA377, #BC8D77);
  background-image: linear-gradient(to bottom, #DBA377, #BC8D77);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #BC8D77 2px;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:bold;
}

#footer {
background-color:#DBA377;
padding:30px;
font-size:15px;
}