@charset "utf-8";
/* CSS Document */
* {margin: 0px;}
body {background-color: gray;}
/*estilo a mi capa header con parallax*/
header {background-image: url("../img/farmer-6959620_1920.jpg");background-position: center;background-size: cover;  height: 600px;}
@media (max-width: 800px) {
	header {height: 250px;background-image: none;background-color: #512400;}
}
.parallax {background-attachment: fixed;background-repeat: no-repeat;text-align: center;}
.fondo {background-color: rgba(81,36,0,0.3);height: 600px;}
nav {position: fixed;background-color: #512400;width: 100%;height: 8%;box-shadow: 4px 5px 5px;}
nav ul {float: right;list-style: none;padding: 20px 20px 0px 0px;}
nav ul li {display: inline;padding: 15px;border-radius: 10px;}
nav ul li a {color: white;text-decoration: none;text-transform: uppercase;}
nav ul li:hover{background-color: black;}
nav ul li a:hover {color: white;}
h1 {padding-top: 300px;color: white;font-size: 6em;text-shadow: 5px 5px 5px #000;}
button {padding: 10px;font-size: 1rem;background-color: #512400;color: #fff;border-radius: 10px;}
button:hover {background-color: #fff;color: #512400;border-color: #fff;}
/*fin de estilo contenido header*/
/*ahora doy estilo al contenido1*/
.contenido1 {padding: 2% 0;background-color: gray;}
h2, h3 {color: white;font-size: 2.5em;padding: 40px 0;text-shadow: 3px 3px 3px #000;text-align: center;}
.c1 {width: 60%;margin: 0 auto;}
.img1 {padding: 3% 0;}
.img1 p {width: 45%;float: right;display: inline;font-size: 2rem;color: white;text-align: justify;}
.img1 img {width: 50%;border-radius: 15px;box-shadow: 5px 5px 10px #000;}
/*fin de estilos para mi capa contenido1*/
/*aqui empieza mi contenido2*/
.contenido2 {width: 90%;margin: 0 auto;display: grid;text-align: center;grid-template-columns: 30% 30% 30%;column-gap: 3%;}
.contenido2 img {width: 100%;border-radius: 15px;box-shadow: 5px 5px 10px #000;margin-bottom: auto;}
@media (max-width: 600px) { .contenido2{ grid-template-columns: 100%;}}
.contenido2 p {text-align: justify; text-align: center;color: white;}
.contenido2 {vertical-aling: middle;}
.oculto {display: none;background-color: lightslategrey;border-radius: 20px;}
.contenido2 div:hover p {display: none;}
.contenido2 div:hover p.oculto {display: block;}
/*aqui finaliza mi estilo de contenidio2*/

/*aqui empieza mi estilo para mi footer*/
footer {height: 150px; padding: 40px 0px 0px 0px; box-shadow: 0px -5px 10px #000; display:grid;grid-template-columns: 50% 50%;margin-top: 80px;text-align: center;background-color: #fff;}
footer p {padding-top: 25px;}
footer nav {position: relative;background: none;display: block;box-shadow: none;}
footer nav ul {float: none;}
footer nav ul li a {color:#000;}
footer nav ul li a:hover {color:#fff;}