* {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%; padding-top: 20px;}
#logo {width: 28%; padding-right: 2%; float:left; height: 100px; padding-top: 15px; display:block; }
#logo img.logo {width: 100%; height: auto;}

footer {width: 100%;clear:both;}
#banner {width: 100%; height: auto; display:block; position: relative;}
#content {min-height: 300px; padding-top: 75px; padding-bottom: 75px;}
#side {background-color: magenta; min-height: 300px;}
#footer { width: 100%; min-height: 300px;border-top: dashed 1px #C19659; padding-top: 25px; padding-bottom: 50px;}
ul.fields-container {display:none;}
.glass {background-image: url('../images/glass.png');}

.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}

#footer h3 {color: #C19659;}


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

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

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
    #logo {width: 80%; padding-left: 0px; padding-right: 0px;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 80%; padding-left: 0px; padding-right: 0px;}
  #contact {width: 100%;text-align:center;}
}