h1,h2,h3,h4,h5,p { margin: 0.5em 0; }
h1 {  font-size: 160%; }
h2 {  font-size: 140%; }
h3 {  font-size: 120%; }


.container {   
margin: 2% auto;
width: 96%;
max-width: 960px; 
background-color: rgba(255,255,255,0.6); 
background-color: [WSCOL_PAGE] ; 
overflow: hidden;
}

.mainContent {
background-color: [WSCOL_PAGE] ; 
position: relative; 
overflow: hidden;
}

.bannerContainer {
background-color: [WSCOL_BANNER] ; 
overflow: hidden;
}
.leftColumnWidth  {
background-color: [WSCOL_MENU] ; 
}

.contentContainer {
background-color: [WSCOL_PAGE] ; 
}


#cmslogo {
text-align: center;
width: 94%;
padding: 3%; 
margin: 0; 
}

#cmslogo img { max-width: 100%;  margin 0 auto; }

.cmsDefaultTextLogo { 
	margin: 0;
	padding: 5%;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 160%;
	box-sizing: border-box;
}
@media (min-width: 750px) {
.cmsDefaultTextLogo { 
	font-size: 250%;
}

}

.contentContainer { margin: 2%; }

@media (min-width: 600px) and (min-device-width:600px)  {
.mainContent {display: flex; } 
.leftColumnWidth { width: 20%; float: left; display:block; box-sizing: border-box;  } 
.mainColumnWidth { width: 80%; float: right; display:block; box-sizing: border-box;  }
}



.show-menu {text-decoration:none;color:#fff;background-color:#333 ;background-color:#3d3f43 ;border-bottom:1px solid white;text-align:center;padding:10px 0;display:none;}

input#show-menu[type=checkbox] {display:none;}

@media (max-width:600px), (max-device-width:600px) {
  #cmslogo img { max-height: 120px; }   
  #menus {display:none;} 
 .show-menu {display:block;}
}
input#show-menu[type=checkbox]:checked + #menus {display:block !important ;}