/** Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap **/

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {



}


/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {  

	.logotipo{max-width:20%; margin: 6rem 0;}
	.item-icono-formacion{border-right: 1px solid #fff;}

}


/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) { 
	
	
	
	/*.img-central-formacion div{padding: 0 11rem;}*/
	
	.grid-cuatro-posts .post-grid .item{
		width: 24.7% !important;
		margin: 0 !important;
		padding: 0 1rem !important;
	}

	.grid-tres-posts .post-grid .item{
		width: 33% !important;
		margin: 0 !important;
		padding: 0 1rem !important;
	}
	
	.grid-dos-posts .post-grid .item{
		width: 49.6% !important;
		margin: 0 !important;
		padding: 0 1rem !important;
	}


}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) { 
	.padding-extra-lateral{padding: 0 6rem !important;}

}

@media (min-width: 1400px) { 
	
.main-navigation ul li{font-size: .9rem;}


}


@media (min-width: 1650px) { 

.main-navigation ul li{font-size: 1.1rem;}

}