/* =====================================

========================================*/ 
/*=============================
	Global CSS 
===============================*/
:root{
	--color-brunner: #009900;
	--color-brunner-hover: #0d6028;
	--color-proonix-text:  #52716b  ;
	--color-proonix-footer-title: #e8aa45;
}
/*@font-face {*/
/*	font-family: 'Inter';*/
/*	src: url('fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');*/
/*	font-weight: 100 900;*/
/*	font-style: normal;*/
/*}*/


body{
    font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size:14px;
	color:#888;
}
.text-brunner{
	color: var(--color-brunner);
}
.text-font{
	font-weight: bold;
}
.text-justify{
	text-align: justify;
}
.bg-brunner{
	background: var(--color-brunner);
}
.btn-brunner{
	background: var(--color-brunner);
	border: var(--color-brunner);
}
.btn-brunner:hover{
	background: var(--color-brunner-hover);
}
.border-brunner{
	border: var(--color-brunner);
}
.paddingAbout {
	padding: 8% 10% 8% 10%;
}
.bg-mision-brunner {
	/*background: rgba(28, 30, 29, 0.23);*/
	background: rgb(83, 83, 89);

}
.bg-vision-brunner {
	background: var(--color-brunner);
	/*background: rgb(46, 175, 88);*/
}



/* --------------------------------------- MEDIA QUERY ------------------------------------*/

/* Estilos para dispositivos con un ancho máximo de 576px (teléfonos pequeños y similares en posición vertical) */
@media (max-width: 576px) {
	.header .logo {
		float: left;
		margin-top: 14px;
	}
	.containerDes{
		display: none!important;
	}
	.containerMobile{
		display: block!important;
	}
	.imgIso{
		width: 50%!important;
	}
}

/* Estilos para dispositivos con un ancho mínimo de 577px y un ancho máximo de 767px (tabletas y similares en posición vertical) */
@media (min-width: 577px) and (max-width: 767px) {
	.containerDes{
		display: none!important;
	}
	.containerMobile{
		display: block!important;
	}
	.imgIso{
		width: 50%!important;
	}
}

/* Estilos para dispositivos con un ancho mínimo de 768px y un ancho máximo de 992px (tabletas y similares en posición horizontal) */
@media (min-width: 768px) and (max-width: 992px){
	.containerDes{
		display: none!important;
	}
	.containerMobile{
		display: block!important;
	}
}

/* Estilos para dispositivos con un ancho mínimo de 993px y un ancho máximo de 1200px (pantallas de PC) */
@media (min-width: 993px) and (max-width: 1200px) {
	.containerMobile{
		display: none!important;
	}
	.containerDes{
		display: block!important;
	}
}

/* Estilos para dispositivos con un ancho mínimo de 1201px (pantallas grandes) */
@media (min-width: 1201px) {
	.containerMobile{
		display: none!important;
	}
	.containerDes{
		display: block!important;
	}
	.imgIso{
		width: 100%;
	}
}
/* --------------------------------------- MEDIA QUERY ------------------------------------*/