body {font-family: 'Lato', sans-serif;}
/*Pesos de tipografia*/
.font-weight-bold{font-weight:900 !important;}
.font-weight-bolder{font-weight:700 !important;}
.font-weight-normal{font-weight:400 !important;}
.font-weight-light{font-weight:300 !important;}
.font-weight-lighter{font-weight:100 !important;}

/*header*/
.call-to-action a{color:cyan;}

/*menu*/
.navbar-brand img{max-width:100px;}
.navbar .nav-item{border-right:1px #e9ecef solid;}
.navbar ul .nav-item:last-child{border-right:none;}		
.navbar .nav-item.active {background-color:#e9ecef;}
.navbar .nav-item.active a::after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #004a85;margin:0px auto;display:block;}
.nav-link { text-align: center; }	

/*main*/
.item-heading{font-weight:300;line-height:1;letter-spacing:-0.05rem;margin-top:3rem;}
.featurette{margin-bottom:2rem;min-height:380px;}
.logoshow .col-sm-6 {display: flex; align-items: center;padding:50px}

/*Footer*/
footer ul li a{color:#000;}
.bg-black a{color:#fff;}

/*backgrounds*/
.bg-black{background-color:#000000;}		

[class*="bgm-"]{background-position:center top;background-size:200%;background-repeat:no-repeat;}

/*backgrounds en home*/
.bgm-home {
	background-image: url('../images/extracciones_bg-home.png');
}
.bgm-quienessomos {
	background-image: url('../images/extracciones_bg-quienessomos.png');
    background-position: 70% 30%;
    background-size: 300%;
}
.bgm-block {
    background-image: url('../images/extracciones_bg-que-ofrecemos.png');
    background-position: right bottom;
    background-size: auto;
    background-color: #5759aee6;
}
.bgm-porque {
    background-image: url('../images/extracciones_bg-porque.png');
}				
.bgm-blue-50{
	background-color:#6273e5e6;
}
.bgm-blue-70 {
    background-color: #112e3cb3;
}
/*backgrounds en servicios*/
.bgm-servicios {
	background-image: url('../images/extracciones_bg-servicios.png');
    background-position: center right;
    background-size: 240%;	
}
/*backgrounds en clientes*/
.bgm-clientes {
	background-image: url('../images/extracciones_bg-nuestros-clientes.png');
	background-position: 30% 0%;
}
/*backgrounds en contacto*/
.bgm-contacto {
	background-image: url('../images/extracciones_contacto.png');
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.container {max-width: 1280px;}
}

/* Medium devices (tablets, 768px and up) Bootstrap navbar breakpoint */
@media (min-width: 768px) {
	.item-heading {font-size: 50px;margin-top: 7rem;}	
	.serv-heading {font-size: 40px;margin-top: 7rem;}	
	.bgm-blue-70 { 
	    background-image: url('../images/extracciones_bg-porque-texto.png');
	    background-position: -80px bottom;
	    background-size: auto;
		padding-left: 6rem;padding-right: 4rem;}
	.bgm-home,.bgm-quienessomos,.bgm-porque,.bgm-servicios,.bgm-clientes,.bgm-contacto{min-height: 640px;background-size: 120%;}
		.bgm-clientes{min-height: 1000px;}
	.featurette{margin-bottom:0px;}
	.logoshow .col-sm-6 {padding: 100px;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {	
	.navbar-brand img{max-width:160px;}
	.bgm-home,.bgm-quienessomos,.bgm-porque,.bgm-servicios,.bgm-clientes,.bgm-contacto{ background-size: 100%; }	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.navbar-brand img{max-width:200px;}
}