html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,ol,ul,li {margin:0px; padding:0px; border:0px; font-family: 'Nunito', Arial, sans-serif; }

.header {height:65px; width:100%; font-size:24px; line-height:65px; background:black; position:fixed; top:0px; z-index:99; transition: font-size 0.5s, height 0.5s linear;}
.header {background:#4B0082;}
.headerscrolled {height:40px; line-height:40px; font-size:18px; transition: font-size 0.5s, height 0.5s linear; }

.footer {color:white; background:black; width:100%; height:45px; line-height:45px; text-align:center; font-family: Arial, sans-serif; font-size:18px;}
.footer a{color:white; text-decoration:none;}

#TopMenu {list-style-type:none; margin:0px; padding:0px; float:right; text-align:right; z-index:201;}
#TopMenu li {float: left; position: relative; display: inline; padding:0px; padding-right:18px; display:inline; }
#TopMenu li a {color:white; text-decoration:none; font-family: Arial, sans-serif;}



#burger {display:none;}
@media screen and (max-width: 680px) {
	#burger {display:inline; float:right; height:40px; background:silver; cursor:pointer;}
	#TopMenu {display:none;}
	#TopMenu {width:200px; background: black; }
	#TopMenu li {display:block; background: black; clear: both!important; }
	#TopMenu li a {color:white;}
	#TopMenu li:hover {background:gray;}
}

/* make icon a URI http://b64.io/ */
#burger { no-repeat left center; float:right; width: 40px; height:40px;
	background-image: url(data:image/gif;base64,R0lGODlhKAAoAJEAAAAAAP///wAAAAAAACH5BAkAAAEALAAAAAAoACgAAAhxAAMIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDMGAMCxo8ePIEMuDEmyJEiFJlOWRKmypceRLltqnEmzps2bOBPGlMlyp8qePk0CDUoSJlGROZMqXcp06dGiQ5++1CkVKcKqVq9i7di0q9evYMOGDQgA);
}




.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}



/* For the STAY DOWN footer, to ensure always at bottom - ONLY for short pages - within body just wrap with a div class="staydownwrapper" */
html, body {height:100%;}				
.staydownwrapper {min-height:100%; position:relative;}
.staydownwrapper .content {padding-bottom:45px;}
.staydownwrapper .doublecontainer {padding-bottom:45px;} /*  */
.staydownwrapper .footer {height:45px; position:absolute; bottom:0; left:0;}

.bigwrapper {padding-top:65px;} /***************** NEW, saves padding div*******************/


#sitebox {text-decoration:none; background:rgb(237,205,31); height:65px; line-height:65px; display:inline-block; padding:0px 20px;}
#header {background:rgb(30,45,59);}

#TopMenu {font-family: 'Nunito', serif; font-size:14px;}
h1 {all: initial; font-family: 'Nunito', serif; font-size:60px; text-align:center; color:white; margin:0 auto; padding-bottom:0px;}
h2 {all: initial; font-family: 'Nunito', serif; font-size:40px; text-align:center; color:gray; margin:0 auto; display:block; margin:10px;}
h3 {all: initial; font-family: 'Nunito', serif; font-size:30px; text-align:center; color:rgb(30,45,59); display:block; margin:10px;}

.content {width:1000px; margin:0px auto; padding-top:30px;}
.content {border: 0px red solid; box-sizing:border-box; }
.sidebox {color:white; width:300px; font-size:95%;}
.threesidebox {float:left; width:30%; background:#eee; min-height:500px;}
.100pcbox {width:100%; min-height:250px; background:#red;}
.yellowbar {background:yellow; width:100%; height:20px; margin:0; padding:0;}

@media screen and (max-width: 1023px) {
	.content {width:800px; margin:0px auto; }
}
@media screen and (max-width: 800px) {
	.content {width:100%; }
	.threesidebox {float:initial; width:100%;}
	.sidebox {width:100%;}
}

/* 110 = 65 top + 45 bottom */
.doublecontainer {width: 100%; min-height: calc(100vh - 140px); margin:0; padding:0; padding-top:65px; background-image: url('press-2333329_1920.jpg'); background-attachment: fixed; background-size:cover; overflow: auto; }
.LHSpanel {width: 50%; min-height: calc(100vh - 140px); margin:0; padding:0; float: left; }
.RHSpanel {width: 50%; min-height: calc(100vh - 140px); margin:0; padding:0; float: left; min-width:300px; background: lightyellow; box-sizing: border-box; padding:0px 10px;}
.paneliner {max-width:400px; margin:auto;}

@media screen and (max-width:501px) {
	.doublecontainer {min-height: initial;}
	.LHSpanel {float:initial; display:block; height:200px; min-height: initial;}
	.RHSpanel {float:initial; display:block; width:100%; min-width:initial; min-height: initial; padding-bottom:65px;}
}