* {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: 50%;float:left; height: auto; display:block;}
#logo img {height: 100px !important; width: auto; padding-top: 10px;padding-bottom: 10px;}
#contact {width: 50%; float:left; height: auto display:block; text-align:right; margin-bottom: 20px; margin-top: 10px;}
#contact a img {width: 40px; height: auto; margin-bottom: 20px;}
#contact a.contact-us {display:inline-block; background-color: #8D207B; color: #fff; padding: 10px; border-radius: 5px; width: 130px; font-size: 18px; line-height: 25px; text-align:center; margin-top: 10px; transition: background-color 0.5s;}
#contact a:hover.contact-us {background-color: #C07DB4; text-decoration: none;}
footer {width: 100%;clear:both;}

#banner {width: 100%; height: auto; display:block;}
#banner img {width: 100%; height: auto;}
#content {min-height: 0px; padding-top: 50px; padding-bottom: 40px;}
#qlinks {display:block;  padding-top: 50px; padding-bottom: 40px;}
#side {min-height: 300px; padding-top: 50px; padding-bottom: 40px; }
footer#footer {background: #C17FB6;
background: linear-gradient(0deg, rgba(193, 127, 182, 1) 0%, rgba(141, 32, 123, 1) 100%); width: 100%; min-height: 300px; color: #fff; padding-top: 50px;}
footer#footer a {color: #fff; font-weight: normal;}
.foot-1 {width: 30%; float:left; text-align:left; font-size: 18px; line-height: 22px; }
.foot-2 {width: 35%; float:left; text-align:right; font-size: 18px; line-height: 22px; padding-bottom: 30px;}
.foot-3 {width: 35%; float:left; text-align:right; font-size: 18px; line-height: 22px; padding-bottom: 30px;}
.foot-4 {width: 100%; display:block; text-align:center; clear:both;}

.foot-2 a, .foot-3 a {line-height: 30px;}

.glass {background-image: url('../images/glass.png');}

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

#upcoming .eb_event {text-align:center; padding-top: 20px;}
#upcoming .moduletable h3 {display:block; margin-top: 30px; margin-bottom:10px; text-align:center;}

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

@media only screen and (min-width: 768px) 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: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
    #logo {width: 100%;text-align:center;}
  #contact {width: 100%;text-align:center;}
  .foot-1 {width: 50%; margin-left: 25%; text-align:center; padding-bottom: 25px;}
  .foot-2 {width: 100%;text-align:center;}
  .foot-3 {width: 100%;text-align:center;}  
}

@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: 100%;text-align:center;}
  #contact {width: 100%;text-align:center;}
  #content {;}
  .foot-1 {width: 50%; margin-left: 25%; text-align:center; padding-bottom: 25px;}
  .foot-2 {width: 100%;text-align:center;}
  .foot-3 {width: 100%;text-align:center;}  
  #logo {width: 100%; text-align:center;}
}