* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: #000000;
  color: rgb(12, 97, 196);
  background-color: #f9f9f9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24' viewBox='0 0 88 24'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='autumn' fill='%2330c362' fill-opacity='0.12'%3E%3Cpath d='M10 0l30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
}

a {
  color: rgb(12, 97, 196);
  text-decoration: none;
}

ul {
  list-style: none;
}

.container {
  width: 99%;
  margin: auto;
  
}

/*navigation*/

.nav-main {
  font-size: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 20px 0;
  background-color: #ffffff;
  
}

.nav-brand{
  width: 90px;
  margin-left: 60px;
  
}

/*nav left*/

.nav-main ul {
  display: flex;
}

.nav-main ul li {
  padding: 70px;
}

.nav-main ul li a {
  padding: 10px;
}

.nav-main ul li a:hover {
  border-bottom: 2px solid #14b845;
}

@media (max-width: 480px) {
  .nav-main ul li {
    padding: 30px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
  }
}

/*lechuga imagen*/

.lechuga {
  background: url('img/lechuga-principal.jpg') no-repeat center center/cover;
  background-attachment: fixed;
}


.contenedorImagen {
  width: 100%;
  height: 550px;
  background-position: center top;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .contenedorImagen {
    height: 330px;
  }
  
}
.btn {
  cursor: pointer;
  display: inline-block;
  border: 0;
  font-weight: bold;
  padding: 10px 20px;
  background: #262626;
  color: #ffffff;
  font-size: 15px;
  border: 1px solid #fff;
}
/*luz en el camino*/

.luz {
  width: 100%;
  height: 500px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  background: url('img/luz.jpg') no-repeat center center/cover;
  position: relative;
}

.luz::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(247, 243, 243, 0.8);
}

.luz h1 {
  font-size: 60px;
  color: rgb(12, 97, 196);
  position: relative;
}

.luz p {
  font-size: 25px;
  color: rgb(12, 97, 196);
  position: relative;
}

.somos {
  width: 100%;
  height: 300px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}


.somos h1 {
  font-size: 50px;
}

.somos h2 {
  padding-bottom: 20px;
  font-size: 50px;
}

.somos p {
  font-size: 25px;
}

@media (max-width: 480px) {
  .somos h2 {
    font-size: 40px;
  }
  .somos p {
    font-size: 20px;
  }
}

.invernadero {
  width: 100%;
  height: 400px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}

.invernadero h2 {
  padding-bottom: 20px;
  font-size: 50px;
}

.invernadero p {
  font-size: 25px;
}

@media (max-width: 480px) {
  .invernadero h2 {
    font-size: 40px;
  }
  .invernadero p {
    font-size: 20px;
  }
}
/*footer links*/

.footer-links {
  background: #ffffff;
  color: rgb(12, 97, 196);
  font-size:12px;
  padding: 35px 0;

}

.footer-container {
  display: grid;
  grid-template-columns: 40% 10% 10% 40%;
  align-items: center;
  justify-content: center;
}

.footer-container ul li a {
  font-size: 50px;
}

.footer-container ul li a:hover {
  font-size: 65px;
  color: #14b845;
}

.footer-container ul {
  margin: 0 auto;
}

.footer-container ul li {
  line-height: 2;
}

.footer-container ul li h3 {
  font-size: 30px;
}

.footer-container ul li p {
  font-size: 20px;
  
}
@media (max-width: 480px) {
  .footer-container img{
    height: 70px;
    margin-left: 5px;
    
    }
    .footer-container ul li a {
      font-size: 30px;
    }
    .footer-container {
      
      grid-template-columns: 20% 15% 15% 50%;
     
    }
    .footer-container ul li h3 {
      font-size: 20px;
    }
    
    .footer-container ul li p {
      font-size: 15px;
    }
}

.footer-final {
  background: #f9f9f9;
  color: rgb(55, 115, 184);
  font-size: 15px;
  padding: 20px 0;
  text-align: center;
  padding-bottom: 20px;
}

/*slide contenedor*/

.contenedor {
  
  background-color: white;
  width: 100%;
  padding: 30px;
}

ul, li {
  margin: 0;
  padding: 0;
}

ul.slider {
  position: relative;
  width: 100%;
  height: 550px;
}

@media (max-width: 480px) {
  ul.slider {
    height: 330px;
  }
}

ul.slider li {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: inherit;
  background-color: #ffffff;
  transition: opacity .5s;
}

ul.slider li img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}

@media (max-width: 480px ) {

 
  ul.slider li img {
   
    height: 300px;
    
  }
  
}

ul.slider li:first-child{
  opacity: 1;
}

ul.slider li:target{
  opacity: 1;
}

.menu-slide {
  text-align: center;
  margin: 20px;
}

.menu-slide li{
  display: inline-block;
  text-align: center;
}

.menu-slide li a{
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: grey;
  padding: 10px;
  width: 35px;
  height: 35px;
  font-size: 14px;
  border-radius: 100%;
  margin-right: 10px;
  margin-bottom: 5px;
}

/*medias*/
@media (max-width: 480px) {
  
.nav-brand {
  margin-left: 10px;
}
}