body{
 margin: 0;
 padding: 0;
}
header h1 {
 color: #fff;
 font-size: 10px;
 font-weight: normal; 
 text-transform: uppercase; 
 text-align: center;
 margin: 0; 
 padding: 2px; 
 background: #00331e; 
}
.logo {
 text-align: center;
 padding: 15px;
 background: #bb5200;
 border-top: 1px solid #fdb88c; 
 border-bottom: 4px solid #fdb88c;
}
.logo img {
 width: 100%; 
 max-width: 300px;
}

footer {
 color: #fff; 
 font-family: Verdana, Arial, sans-serif; 
 padding: 15px; 
 background: #62707b; 
 overflow: hidden;
}
footer img {
 float: left; 
 margin-right: 15px;
}
.contact {
 width: 175px; 
 float: left;
}
.contact h4 {
 font-size: .7em; 
 font-weight: 400; 
 margin: 5px 0;
}
.contact p {
 font-size: .5em;
}
.social {
 clear: both;
 padding: 10px 0;
}
.social p {
 margin-bottom: 0;
}
.social a {
 font-size: 2em; 
 color: #fff;
}
.copyright p {
 color: #2d3238; 
 font-size: .6em; 
 padding-top: 15px;
}
.copyright a {
 color: #fff; 
 text-decoration: none;
}

@media (min-width: 768px) {
 .logo img {
  margin: 0 50px;
 }
 footer {
  padding: 15px 65px;
 }
 footer img {
  margin-right: 25px;
 }
 .contact {
  width: 200px; 
 }
 .contact h4 {
  font-size: .9em; 
 }
 .contact p {
  font-size: .7em;
 }
 .social {
  width: 150px; 
  float: right;
  padding: 0;
  clear: none;
 }
 .social p {
  margin-top: 30px;
 }
 .copyright {
  clear:both;
 }
 .copyright p {
  text-align: center; 
 }
}
@media (min-width: 992px) {
 .logo img {
  margin: 0 150px;
 }
 footer {
  padding: 15px 150px;
 }
 footer img {
  margin-right: 75px;
 }
}