@charset "utf-8";
/* CSS Document */

/* Media Queries */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ws4a_sub_text{
	font-size: 18px !important;
    font-weight: bold;
}
.new_paragraph{
	margin-top: 85px !important;
}
@media screen and (max-width: 1140px) { 

}
@media screen and (max-width: 980px) {
	.content ul li.wide {width:30%;}
	.content ul li ,
	.content ul li.narrow,
	.content ul li.wide{width:100%;}
}
@media screen and (max-width: 800px) {
	p.codrops-demos {z-index:1100;}
	/*.content ul li {width:100%;}	
	.content ul li.narrow { width:100%; }
	.content ul li.wide {width:100%;}*/
}
@media screen and (max-width: 767px) {
	.ws4a_sub_text{
		font-size: 16px;
		font-weight: bold;
	}
	.new_paragraph{
		margin-top: 15px;
	}
	.cb-static,.cb-static:after {background-size:auto; }
	.codrops-top{line-height:25px; font-size: 12px; text-align:center;}
	.codrops-top a, .codrops-top span.right, .content .alignleft, .content .alignright{float:none;}
	.codrops-top span.right{display: block;width:100%;font-size: 11px;}
	.content .wid_350{width:90%; margin: 0px 5% 10px;}
	.container > header{text-align:center; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 10px;}	
	.container > header h1{font-size:21px; line-height:22px;  /*display:none; visibility:hidden;*/ }
	p.codrops-demos {padding: 5px 0px;}
	p.codrops-demos a{width:100%; margin: 2px 0px;}
	p.codrops-demos a,
	p.codrops-demos a.current-demo,
	p.codrops-demos a.current-demo:hover{padding: 4px 5px 3px;font-size: 15px;line-height: 18px;}
	.content{position: relative; top: initial; }
	.content img{margin:10px 10px 0px 10px ;}
	.content img.mainpages, .content figure.mainpages{margin:10px 0px 0px; width:100%; float:none;}
	.content h3 { font-size:35px;  margin:10px 10px 0px 10px;}
	.content h4 {font-size:25px; margin:5px 10px 0px 10px;}
	.content h5 {font-size:18px;margin:5px 10px 0px 10px; }
	.content p { font-size:90%;margin:0px 10px 10px 10px; }
	.content a { }
	.content p.intro { }
	.content ul {margin:0px 10px 0px 10px;} 
}

@media screen and (max-width: 600px) { 
.cb-static,.cb-static:after {background-size:auto; }
.codrops-top{line-height:25px; font-size: 12px;}
.codrops-top span.right{font-size: 11px;}
.container > header h1{font-size:21px; line-height:22px;  /*display:none; visibility:hidden;*/ }
p.codrops-demos a {width:100%; }
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{padding: 4px 5px 3px;font-size: 15px;line-height: 18px;}
.content img {margin:10px 10px 0px 10px ;}
.content img.mainpages { margin:10px 10px 0px 10px; width:100%; }
.content h3 { font-size:35px;  margin:10px 10px 0px 10px;}
.content h4 {font-size:20px; margin:5px 10px 0px 10px;}
.content h5 {font-size:18px;margin:5px 10px 0px 10px; }
.content p { font-size:90%;margin:0px 10px 10px 10px; }
.content a { }
.content p.intro { }
.content ul {  margin:0px 10px 0px 10px;} 
.content ul li { width:100%;}	
.content ul li.narrow { width:100%; }
.content ul li.wide {width:100%;}
}

@media screen and (max-width: 300px) { 
.cb-static,.cb-static:after { background-size:auto;}
.codrops-top{line-height:25px; font-size: 12px;}
.codrops-top span.right{font-size: 11px;}
.container > header{text-align:center; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 10px;}	
.container > header h1{font-size:19px; line-height:20px;  /*display:none; visibility:hidden;*/ }
p.codrops-demos {padding: 5px 0px;}
p.codrops-demos a {width:100%; }
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{padding: 4px 5px 3px;font-size: 15px;line-height: 18px;}
.content { top:300px;  }
.content img {margin:10px 10px 0px 10px ;}
.content img.mainpages { margin:10px 10px 0px 10px; width:100%; }
.content h3 { font-size:35px;  margin:10px 10px 0px 10px;}
.content h4 {font-size:20px; font-weight:bold; margin:10px 10px 0px 10px;}
.content h5 {font-size:20px;margin:5px 10px 0px 10px; }
.content p {font-size:90%; margin:0px 10px 10px 10px; }
.content a { }
.content p.intro { }
.content ul {  margin:0px 10px 0px 10px;} 
.content ul li { width:100%;}	
.content ul li.narrow { width:100%; }
.content ul li.wide {width:100%;}
}



@media print {
.cb-static,.cb-static:after { background:none;}
.codrops-top, .codrops-top a{color:black;}
.codrops-top span.right{visibility:none; display:none;}
.container > header{  }	
.container > header h1{color:black;  }
p.codrops-demos {visibility:none; display:none;}
p.codrops-demos a { }
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{}
.content { top:150px;  overflow:visible;  }
.content img {}
.content img.mainpages {  }
.content h3 {font-size:200%;}
.content h4 {font-size:150%;}
.content h5 { }
.content p { }
.content a { }
.content p.intro { }
.content ul {  } 
.content ul li {}	
.content ul li.narrow { }
.content ul li.wide { }
}