@charset "UTF-8";
@import url("reset.css");
html { height:100%; width:100%; background:#333;}
body { height:100%; width:100%; font-family:"Lucida Console", Monaco, monospace;}
html {
    font-size: 18px;
}
.unbehaved-element {
    font-size: 2em;
}
@media(max-width: 1580px) {
  html {
    font-size: 18px;
  }
  .unbehaved-element {
    font-size: 1.8em; 
  }
}
@media(max-width: 980px) {
  html {
    font-size: 14px;
  }
}
img { max-width: 100%; height: auto; width: auto\9;}
#wrapper { position:relative; top:0; bottom:0; right:0; left:0; width:100%; height:100%; height:auto !important; min-height:100%;}
#iframe1 { height:88vh; width:100%; }
#header {position:static; top:0; height:100px; width:100%; background:url(../img/COLOURlovers.jpg); margin-left:auto; margin-right:auto;border-bottom:5px solid #333;}
#header img {  max-width:10%; height:auto; max-height:80%; width:auto\5;}
#navwrapper { width:100%; height:100%; background:#CCC;}
#nav { width:70%; margin-left:auto; margin-right:auto;}
#wrappercont {height:100%; height:auto !important; min-height:100%; width:100%; background-color:#FFF; border-bottom:5px solid #333; border-top:5px solid #333;}
#bottom { font-size:80%;  color:#FFF; padding-top:0.5em; text-align:center; height:20px; width:100%; position:fixed; bottom:0; background:url(../img/COLOURlovers.jpg); border-top:5px solid #333;}
#thumbnail-slider { width:100%; max-width:900px;}
::-webkit-scrollbar { display:none;}
ul.topnav { font-weight:bold; padding:0.3em; list-style-type:none;}
ul.topnav li { display:inline;}
ul.topnav li a { color:#000; text-align:center; padding-left:1.0em; padding-right:1.0em; padding-bottom:0.5em; padding-top:0.5em; text-decoration:none; transition:ease-in-out 0.3s;}
ul.topnav li a:hover { background: -moz-linear-gradient(top,  rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.28) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.28) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47000000', endColorstr='#47000000',GradientType=0 );
color:#FFF;}
ul.topnav li.icon {display: none;}
@media screen and (max-width:980px) {
ul.topnav li:not(:first-child) { display:none;}
ul.topnav li.icon { float:right; display:inline-block;}}
@media screen and (max-width:980px) {
ul.topnav.responsive { position:relative; top:5%;}
ul.topnav.responsive li.icon { position:absolute; right:0; top:0;}
ul.topnav.responsive li { float:none; display:inline;}
ul.topnav.responsive li a { display:block; text-align:left;}}