:root{

 --color-fondoBase:#fff;
 --color-letraBase:#000000;

}


body{


	font-family: Montserrat, Sans-serif; 
	font-weight: 400;
}

.imgFondo{
	background-image: url(../img/Img1.jpg);
	height: 850px;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner{
	border-bottom: 3px solid #000;
	background: linear-gradient(90deg, #58BA65 56.77%, rgba(255, 255, 255, 0) 100%);
}

.logo{
	width: 102px;
}

.menu-titulo{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 27px;
	line-height: 33px;


	letter-spacing: 0.01em;

	color: #FFFFFF;

	text-shadow: 2px 2px 2px #000000;
}

.line{
	background: #000000;
	height: 4px;
	width:100%;
}

.main-titulos{
	text-align: center;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	line-height: 43px;
	/* identical to box height */

	letter-spacing: 0.01em;
	color:#58BA65;
	text-shadow: 0px 0px 10px #FFFFFF;
}

.main-texto{
	width: 517px;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	/* or 133% */

	letter-spacing: 0.05em;

	color: #000000;

}



.vision, 
.mision, 
.valores, 
.politicas, 
.objetivos{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.descripcion{

	height: 308px;
	background: #58BA65;

}

.contacto{
	background-color: #656565;
	height: 682px;
}

.btnEnviar{
	color:#fff;
	background-color:#58BA65;
	width: 193px;
	height: 56px;
}

.contacto-footer{
	background-color: #58BA65;
	height: 203px;
}

.footer{
	color:#fff;
	vertical-align: center;
}

.nuestros-servicios{
	text-align: center;
	font-size: 32px;
}

.nuestros-servicios-gestion{

	color:#fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;

}

.nuestros-servicios-opt{
	color:#fff;
	list-style: none;
	text-decoration: none;
	font-size: 19px;
	font-weight: 700;
}



.img-qr1,.img-qr2{
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-left{
	display: flex;
	justify-content: right;
	align-items: center;

}
.footer-right{
	display: flex;
	justify-content: left;
	align-items: center;
}

/*=========================================
PANTALLA GRANDE 1920px en adelante)
===========================================*/

@media(min-width: 1600px){


  }
  
  /*=========================================
  PANTALLA ESCRITORIO 1366px en adelante)
  ===========================================*/
  @media(max-width: 1599px) and (min-width: 1200px){

	.main-texto {
		font-size: 18px;
	}

	.nuestros-servicios-gestion p{
		font-weight: 500;
		font-size: 18px;
	}
	.nuestros-servicios-opt{
		text-transform: uppercase;
		font-weight: 500;
		font-family: Arial, sans-serif;
		font-size: 18px;
	}

	.contacto-footer {
		height: 180px;
		font-family:Arial, sans-serif;
		font-weight: 500;
	}
  

  
  }
  
  /*=========================================
  TABLET HORIZONTAL LG 1024px en adelante)
  ===========================================*/
  @media(max-width: 1199px) and (min-width: 992px){

  	.navbar-brand{
  		display: flex;
  		justify-content: center;
  		align-items: center;
  	}
  
	.main-texto {
		font-size: 16px;
		width:450px;
	}

	.main-titulos{
		font-size: 30px;

	}
	.descripcion{
		height: 370px;
	}

	.imgFondo {
		background-size: cover;
		height: 800px;
		font-size: 14px;
	}

  }
  
  @media(max-width: 991px) and (min-width: 768px){

  	#menu-titulo{
		display: block !important;
		font-size: 24px;
		margin-bottom: -14px;
	}

	.navbar-brand{
		display: flex;
		justify-content: center;
		align-items: center;
	}

  	.imgFondo {
		background-size: cover;
		height: 800px;
	}

	.main-titulos{
		font-size: 30px;
	}

	.main-texto{
		font-size: 14px;
		width:350px;
		letter-spacing: 0;

	}

	.descripcion{
		height: 350px;
	}

	.nuestros-servicios-opt {
		font-size: 16px;
		font-weight: 600;
	}

  	.navbar-toggler{
			display: none;
	}

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

	.imgFondo {
		background-size: cover;
		height:400px;
	}

	#menu-titulo{
		display: block !important;
		font-size: 15px;
    	margin-bottom: -14px;
	}

	.navbar-brand{
		display: flex;
		justify-content: center;
		align-items: center;
	}
  
	.main-texto{
		line-height: 24px;
		width: 450px;
		font-size: 14px;
		font-weight: 600;
	}

	.descripcion {
		height: 750px;
	}

	.descripcion-1{
		background-color: #58BA65;
		height: 550px;
	}

	#vista-general-nuestros-servicios{
		display: none;
	}
	#vista-movil-nuestros-servicios{
		display: block !important; 
	}

	.nuestros-servicios{
		font-size: 23px;
		font-weight: 700;
	}

	.nuestros-servicios-gestion{
		font-size: 16px;
	}

	.nuestros-servicios-opt{
		padding-top: 30px;
		font-size: 15px;
		font-weight: 700;
	}

	.contacto-nosotros{
		font-size: 15px;
	}

	.contacto{
		height: 830px;
	}

	.footer-right{
		justify-content: center;
	}

	.contacto-footer {

		height: 350px;
	}

	.footer {
		padding-top: 35px;
		margin: 0 auto;
	}

	.select{
		padding-top: 15px;
	}

	.navbar-toggler{
		display: none;
	}

	#main-movil{
		display: block !important;
	}

	#main-escritorio{
		display: none;
	}

}
  
@media(max-width: 479px) and (min-width: 320px){

	.imgFondo {
		background-size: cover;
		height: 200px;
	}

	#menu-titulo{
		display: block !important;
		font-size: 12px;
		margin: 1px 40px;
	}

	.main-texto{
		line-height: 24px;
		width: 280px;
		font-size: 14px;
	}
	.descripcion {
		height: 750px;
	}

	.descripcion-1{
		background-color: #58BA65;
		height: 600px;
	}

	#vista-general-nuestros-servicios{
		
		display: none;

	}

	#vista-movil-nuestros-servicios{
		display: block !important; 
	}

	.nuestros-servicios{
		font-size: 23px;
		font-weight: 700;
	}
	.nuestros-servicios-gestion{
		font-size: 16px;
	}

	.nuestros-servicios-opt{
		padding-top: 30px;
		font-size: 15px;
		font-weight: 700;
	}

	.contacto-nosotros{
		font-size: 15px;
	}

	.contacto{
		height: 830px;
	}
	.contacto-footer {

		height: 350px;
	}
	.footer-right{
		justify-content: center;
	}
	.footer {
		padding-top: 35px;
		margin: 0 auto;
	}
	.select{
		padding-top: 15px;
	}
	.navbar-toggler{
		display: none;
	}

	#main-escritorio{
		display: none;
	}

	#main-movil{
		display: block !important;
	}


}