@charset "utf-8";

@media (max-width: 1200px) {
.toplogo {width:60%;}
.cause {padding:.8em;}
.footer-bs h4{font-size:1.6em;}
.footer-nav li{	
	position:relative;
	padding-left:37px!important;
    /*text-indent: -37px;*/
}
.footer-nav li span {
	position:absolute;
	top:0;
	left:0;
	width:37px;
	text-align:center;	
	display:inline-block;
	height:100%;
}
div.titlebox {    
    top: 60%!important;
	left:10%;
    width: 80%;
	height:40%!important;    
	font-size:1.4em!important;	
	padding:1em!important;	
}
}

@media (max-width: 979px) {
.toplogo {width:70%;}
div.titlebox {      
	font-size:1.2em!important;		
}
.line1b, .line2b, .line3b, .line4b, .line5b {
	font-size:1em;
}
.footer-bs {padding: 50px 25px; font-size:.8em!important;}
.footer-bs h4{font-size:1.4em; letter-spacing: 1px !important;}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 8px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
.sideb {margin-top:1.5em;}
.sideb .card {width:48%; float:left;}
.sideb .first {margin-right:2%}
.sideb .second {margin-top:0em!important}
.topics, .topmarg {margin-top:1.5em;!important}
}
@media (max-width: 767px) {
.toplogo {width:80%;}
body {font-size: 12px;}
.nav-link {padding: 1em;}
.toplogo {top:10px;}
.visible-xs {display:block}
.hidden-xs {display:none}
}
@media (max-width: 600px) {
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 0px rgba(255,255,255,0.10); }
.homepage-hero-module, #loader-wrapper  {display:none;}
.sideb .second {margin-top:1.5em;!important}
.navbar-toggler-icon {width: 1.4em;  height: 1.4em;}
.navbar-brand {max-width:65%;}
}
@media screen and (max-width: 575px){ 
#rc-imageselect, .g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	} 
}
@media (max-width: 480px) {
.sideb .card {width:100%; float:left;}
.sideb .first {margin-right:0%}
.navbar-toggler-icon { width: 1.1em;  height: 1.1em;}
}
