@media screen and (max-width:768px){
    body .hero-pane h1 { 
	font-size: 40px; 
	line-height: 50px; 
	}
	#logo { padding-left: 34px; }
}

 @media screen and (max-width:400px){
 body .hero-pane { padding-left: 4px; padding-right: 4px;  }
 }

 @media screen and (max-width:500px){
    body .hero-pane h1 { 
	font-size: 30px; 
	line-height: 40px; 
	}

	body .hero-pane {
		padding-top: 50px;
		padding-bottom: 50px; 
		margin-bottom: 25px;
	}

	#OCDblockquote blockquote {
		margin-bottom: 0
	}
}

 @media screen and (max-width:768px){

	body #outerLayer { width: 100%!important; height: 45%!important; }
	body #theBorder { background: transparent!important; box-shadow: none!important }
	.navbar { min-height: 1px }

	body #bannerContainer {
    padding: 0 25px;
	}
	
	body h1.ocd-sectiontitle {
    font-size: 25px;
    line-height: 30px;
}

	body #dnn_SideBar { margin-top: 150px }

}

 @media screen and (max-width:990px){
    #logo { text-align: center }

	.language {
	    margin: 10px 0 0;
	    text-align: center;
		float: none;
	}

	#login {
	    margin: 10px 0 0;
	    text-align: center;
		float: none;
	}

	#login span { margin: 0 5px; }

	#mainHeader-inner { padding-top: 10px }
}