/*
Responsive CSS
*/
@media screen and (max-width: 1440px){
	section, #masthead, .top-footer, .bottom-footer{
		padding-left:20px !important;
		padding-right:20px !important;
	}
}

@media screen and (max-width: 1024px){
	#site-navigation{
		display:none;
	}
	.col14{
		width:49%;
		margin:0 2% 20px 0;
	}
	.col14:nth-child(2n){
		margin-right:0;
	}
}

@media screen and (max-width: 768px){
	h1{
	   font-size: 1.4em;
	}
	h2{
		font-size: 1.2em;
	}
	h3{
		font-size: 1.1em;
	}
	h4, h5, h6{
		font-size: 1em;
	}
	.footer-block{
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 25px;
		float: none;
	}
	.footer-block:last-child{
		margin-bottom: 0;
	}
	.copy-right, .site-info{
		float: none;
		text-align: center;
	}
	#primary, #secondary{
		float: none;
		width: 100%;
	}
	.next-page{
		display: none;
	}
    #content{
        padding-top: 0 !important;
    }
	.colWrapper > div,
	section.teaser > div > div{
		width:100%;
		margin:0 0 20px !important;
	}
	section.backgroundImage .text{
		width:100%;
		margin:80px 0 20px;
	}
}

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

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


@media screen and (min-width: 1025px){
	.main-navigation > ul{
		display: block !important;
	}
	.logo-top .main-navigation > ul{
		display: inline-block !important;
	}
}