body {
    font-family: 'Montserrat Alternates', sans-serif;		
    color: #666;
}

h1 {
	background-color: #FFF;
	padding: 1em;
	color: #ff8080;
	text-align: center;
	font-weight: 400;
}

h2 {
	padding: 1.5em 0;
	font-size: 1.25em;
	color: #c3ff68;
}

h3 {
	color: #ff8080;
	padding-top: 3em;
}

h4 {
	font-size: 1.75em;
}

a {
	color: #ff8080;
}

a:hover {
	text-decoration: none;
	color: #ff9999;
}

footer {
	padding: 2em 3em;
	color: #ff8080;
	font-weight: 500;
	font-size: 1.1em;
}

.hero {
        background: url("../img/cabecera-home.png");
        height: 60vh;
        background-size: cover;
        background-position: center;
        
      }



.navbar-eco, footer {
	background-color: #c3ff68;
	
}

.navbar-light .navbar-nav .nav-link {
	font-weight: 500;
	font-size: 1.0em;
	padding: 1.1em;
	color: #ff8080;
}

.navbar-light .navbar-nav .nav-link.active  {
	color: #ff9999;
}

.navbar-light .navbar-nav .nav-link:hover  {
	color: #ff9999;
}


.pink {
	background-color: #ff8080;
	color: #fff;
	padding: 5em;
	font-size: 1.15em;
	line-height: 1.5em;
}

.borde-blanco {
	border: 1px solid #fff;
	padding: 3em;

}

.borde-verde {
	border: 1px solid #c3ff68;
	padding: 3em;
	
	margin: 3em 3em;
}

.dos-columnas {
	max-width: 450px;
	min-width: 300px;
}



 @media screen and (max-width: 576px) {
      
    h1 {
	font-size: 1.9em;
	}

	.logo {
		width: 300px;
	}

	.hero {
        height: 90vh; 
      }

    .borde-blanco {
	border: 1px solid #fff;
	padding: 1em;
	}

	.pink {	
	padding: 1.5em;
	}

}

 @media screen and (max-width: 1200px) {
      
 
	.borde-verde {
	margin: 3em 0;
	}

	

}