* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

header {width: 100%;}
#logo {width: 25%;float:left; height: 140px; display:block; padding-top: 10px;position: relative; z-index: 100;}
#logo img {width: 350px; height: auto;}
#contact {width: 74%; margin-left: 1%; float:left; height: 50px; display:block; text-align:right; padding-top: 40px;color: #fff;}
footer {width: 100%;clear:both;}
#contact a {color: #fff;}
#banner {background-color: #777; width: 100%; height: 75vh; display:block;box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;}
#content {min-height: 250px; padding-top: 40px;}
#swipes {padding-top: 100px; display:block;}
#footer {background-color: #fff; width: 100%; min-height: 300px; border-top: solid 5px #D2DB03; color: #000;padding-top: 25px;}
#footer a {color: #000; transition: color 1s;}
#footer a:hover {color: orange;}
.foot-1 {float:left; padding-right: 20px;}
.foot-1 img {width: 300px; height: auto;}
.foot-2 {padding-top: 20px;}
.glass {background-image: url('../images/glass.png');}
#quotes {/* background-image: url('../images/quotes.png'); */ display:block; width: 100%; height:auto; background-size: 100% 100%; margin-bottom: 50px;padding-top: 50px; width: 98%; padding-left: 2%;}
.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}
.telephone {padding-right: 0px; display:inline-block; font-weight:bold; text-shadow: 0px 0px 5px #000 !important;}
.email {padding-left: 20px; display:inline-block; font-weight:bold; text-shadow: 0px 0px 5px #000 !important;}

@media only screen and (min-width: 1200px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 1199px; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
#content {;}
  .break {display:block;}
}

@media only screen and (min-width: 868px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}
  #content {;}
}

@media only screen and (min-width: 480px) and (max-width: 867px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #contact {width: 100%;text-align:center; margin-left: 0px;}
  .telephone {display:block;}
  .email {display:block; padding-left: 0px;}
  #logo {padding-top: 25px; width: 100%; text-align:center;}
  .foot-1 {display:block; text-align:center; width: 100%; padding-right: 0px;}
  .foot-2 {display:block; text-align:center; width: 100%;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #contact {width: 100%;text-align:center; margin-left: 0px;}
  .telephone {display:block;}
  .email {display:block; padding-left: 0px;}
  #logo {padding-top: 25px; width: 100%; text-align:center;}
  #logo img {width: 90%; margin-left: 5%; margin-right: 5%;}
  .foot-1 {display:block; text-align:center; width: 100%; padding-right: 0px;}
  .foot-1 img {width: 250px; height: auto;}
  .foot-2 {display:block; text-align:center; width: 100%;}
}