/*col xl or larger*/
@media (min-width: 1200px) {

}

/*col lg only*/
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/*col lg or larger*/
/*@media (min-width: 992px) {*/
@media screen and (min-width: 992px) {	
		
	.main-content {
		padding-left: 50px; 
		padding-right: 50px; 
	}
	
}

/*col md or smaller*/
/*@media (max-width: 992px) {*/
@media screen and (max-width: 991px) {
	
	.navbar-dark .navbar-nav .nav-link {
      font-size: 1rem;
	}
	
	.headline {
    	font-size: 1.2rem;
	}
	
}

/*col md only*/
@media (min-width: 768px) and (max-width: 991px) {
	
}

/*col sm or larger*/
/*@media (min-width: 768px) {*/
@media screen and (min-width: 768px) {	  


}

/*col sm or smaller*/
/*@media (min-width: 768px) {*/
@media screen and (max-width: 767px) {
		

}

/*col xs only*/
@media only screen and (max-width: 576px), only screen and (max-device-width: 576px) {  
		
	/*.container-fluid {
	  padding-right: 40px;
	  padding-left: 40px;
	}*/
	
	.header .container-fluid {
		/*padding-left: 15px; 
		padding-right: 15px;*/
		padding: 20px 10px; /*padding: 20px 25px; */
	}	
	
	.hero {
		padding: 20px 25px;
}
	
	/*.navmenu .container-fluid {
		padding-left: 15px; 
		padding-right: 15px; 
	}*/
	
	.main-content .container-fluid {
		padding-right: 0px !important; /*padding-right: 25px;*/
		padding-left: 0px!important; /*padding-left: 25px;*/
	}
	
	.main-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
	}


}