@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
body {font-family:Montserrat,Arial, Helvetica, sans-serif;font-size:90%;color:#000;margin:0px;position:relative;}
h1, h2, h3, h4 { margin:0px; color:#FFF; }
h1 {font-size:1.6em;margin-bottom: 10px;}
h2 { font-size:1.4em; }
h3, h4{font-size: 1.9em;color: black;text-align: center;text-transform: uppercase;margin: 20px 0 22px;}
p, ul { margin:0px 0px 10px; padding:0px; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
hr { border-top:1px solid #000; border-right:none; border-bottom:none; border-left:none; }
.border { border:1px solid #000; }
img { border-style:none; }
fieldset { border:none; }
#pagewrap { width:984px; margin:0 auto; position:relative; }
#header {height:50px;padding-top:12px;}
#header h1 { line-height:50px; text-align:center; font-size:2em; }
#slideshow {position:relative;margin: 10px 0;background:url(../slices/slideshow_bg.jpg);width:984px !important;height: 451px !important;overflow: hidden;}
#slideshow #logo { position:absolute; left:20px; top:10px; z-index:100; }
#slideshow #logo2 { position:absolute; left:490px; top:10px; z-index:100; }
#slideshow p { position:absolute; bottom:0px; left:0px; background:url(../slices/trans.png); line-height:50px; font-size:2em; width:100%; color:#FFF; text-align:center; font-weight:bold; }
#slides li { height:451px; width:984px; list-style-type:none; }
#slidesnav { visibility:hidden; }
#slideshow, #mainnav, #contentwrap, #footer, #footer p, .clear { clear:both; }
#contentwrap {position:relative;display: flex;flex-direction: row-reverse;width: 100%;}
#contentcol {float:right;width: 100%;line-height:1.5em;padding-left: 10px;}
#contentcol h2, #contentcol h1 {color: rgba(51, 204, 204, 1);}
#contentcol h2 {/* border-bottom:1px solid #333; */padding-bottom:5px;margin: 15px;text-transform: uppercase;}
#secondcol {width:320px;position:relative;background: rgba(51, 204, 204, 1);}
#contentcol img { float: left; }
#contentcol ul, #secondcol ul {margin-left:25px;margin-bottom:10px;}
#contentcol ul {}
#contentcol ul li { padding-bottom:10px; }
.scbox {background: rgba(51, 204, 204, 1);margin-bottom:20px;color: white;padding-top: 5px;}
.scbox a {color: white;}
.scbox .sccontent { padding:10px; }
.scbox .sccontent p { padding-bottom:10px; }
.scbox h3 {padding:10px 10px;font-size: 1.2em;text-align: left;color: white;margin: 10px 0 10px;}
.scbox h4 { color:#009999; }
#footer { font-size:.8em; text-align:center; line-height:30px; position:relative; width:100%; background-color:#333; color:#999; border-bottom:2px solid #000; border-top:1px solid #CCC; }
#footer p { margin:0px; }
#footer p a { color:#999; }
img#logo {
    width: 100%;
    max-width: 500px;
}
@media (max-width: 1000px) {
    #slideshow #logo {width:calc(100% - 40px); height: auto; max-width:316px;}
    #header {height: 5.1vw;padding-top:0px;}
body{ background-size: 100%}
#contentcol { width: calc(100% - 60px); float:none; padding:30px }
#pagewrap { width:100%}
#slideshow, #slides, #slides li {width:100% !important; height: calc(100vw / 2) !important; background-size:cover !important}
#secondcol {/* width:100% */}
#contentcol h2 {clear:both; padding-top: 21px}
}

@media (max-width: 676px) {
    #contentwrap {position:relative;display: flex;flex-direction: column;width: 100%;}
#slideshow p {font-size:1.5em; line-height:1.4em;}
#contentcol ul {margin-left:25px; margin-top:10px}
#contentcol img {float:none}
#secondcol {
    width: 100%;
    
}
}