body{
	font-family: 'Montserrat', sans-serif;
	margin-top: 30px;
    max-width: 1250px;

}
col{
	text-align: center;
}

@media (max-width:375px){
    .imagen{
	  height: 55px;
	  background-position: center;
    }
  }

.slogan{
	color: #000;
	vertical-align: center;
	padding-top: 150px;
	padding-left: 15px;
    padding-right: 20px;
	font-weight: 200;
	font-size: 50px;

}
@media(max-width:387px){
	.slogan{
		font-size: 30px;
	}
}
.slogan2{
	display: block;
    position: relative;
    color: #000;
	vertical-align: center;
	margin-top: 120px;
    padding-top: 150px;
	padding-left: 15px;
    padding-right: 20px;
	font-weight: 200;
	font-size: 50px;

}
.item1{
	background-color: #7fa259;
	text-align: center;
	font-size: 22px;
	font-weight: 200;
	color: #ffffff;
	padding: 15px;
    border-radius: 15px;
}

.item1 a:hover{
    background: #000000;
    opacity: 0.8;
}

img{
	margin: 0px;
	width: 100%;
	height: auto;

}

.logo{
	width: 70%;
	vertical-align: center;
	padding: 18px;
}

 
.item2{
	background-color: #203c6d;
	text-align: center;
	font-size: 22px;
	font-weight: 100;
	color: #ffffff;
	padding: 15px;
    border-radius: 20px;
}

.item2 a:hover{
    background: #000000;
    opacity: 0.8;
}


.item3{
	background-color: #526e2e;
	text-align: center;
	font-size: 30px;
	font-weight: 200;
	color: #ffffff;
	padding: 12px;
    border-radius: 10px;
}

.item3 a:hover{
    background: #000000;
    opacity: 0.8;
}

.item4{
	background-color: #2572b6;
	text-align: center;
	font-size: 22px;
	font-weight: 200;
	color: #ffffff;
	padding: 15px;
    border-radius: 20px;
}
.item4 a:hover{
    background: #000000;
    opacity: 0.8;
}


.item5{
	background-color: #8fb493;
	text-align: center;
	font-size: 22px;
	font-weight: 200;
	color: #ffffff;
	padding: 15px;
    border-radius: 20px;
}
.item5 a:hover{
    background: #000000;
    opacity: 0.8;
}


.titulo1{
	font-size: 40px;
	color: #88b234;
	text-align: center;
	margin-top: 30px;
	font-weight: bold;

}
.beneficios{
	text-align: center;
	font-size: 18px;
    color: dimgray;
	padding: 5px;
	font-weight: 200;
}
.icono{
	margin: 0px;
	padding: 10px;
	
}
.submenu{
	margin-top: -80px;
}

#plx{
	background-image: url(../images/metodob.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 320px;
}

.subtitle{
	font-size: 55px;
	padding-top: 80px;
	color: #e2e2e2;
	font-weight: 200px;

}
.redes{
    width: 60px;
    height: 60px;
    padding: 10px; 
    float: left;
    
}

.redes a:hover{
    color: aqua;
}

footer{
	    background-color: #203c6d;
	    font-size: 14px;
	    padding: 10px;
	    margin-top: 25px;

}

/*FORMULARIO*/


.mi-input::-webkit-input-placeholder { 
    
    color:#203c6d;
    font-weight: 600;}

.mi-input{
    background: #dddddd;
}

.nav-item a{
    color: #88b234;
    
}

.nav-item a:hover{
    background: #88b234 .3;
}

.online{
	text-align: center;
	font-size: 18px;
	color: rgb(2, 48, 50)5, 45);
	font-weight: bold;
}