@font-face {
  font-family: "Raleway-SemiBold";
  src: url("../font/Raleway-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Raleway-Bold";
  src: url("../font/Raleway-Bold.ttf") format("truetype");
  font-display: swap;
}
body{
    background-image: url("/asset/img/back.jpg"); /* The image used */
    
    background-repeat: no-repeat;
    background-position: 0% 0%;
    min-height: 100vh;
    background-color: #019758;
    background-size: cover;


}
body.moderador{
  background-image: url("/asset/img/moderador.jpg"); /* The image used */
  background-position: 0% 0%;
  background-repeat: repeat;
  background-size: contain;

}
.margin-seccion{
  margin-top: -170px;
}




.moderador p{
  color:#fff !important;
  font-family: "Raleway-SemiBold";
}
.moderador h4{
  color:#fff !important;
  font-family: "Raleway-Bold";
}
.moderador h2{
  color:#fff  !important;
  font-family: "Raleway-Bold";
}
.moderador .btn{
  color:#fff  !important;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#1b1b1b  !important;
  opacity: 1; /* Firefox */
  font-family: "Raleway-Bold";
}
.form-control,.form-control:focus, .form-control:active, .form-control:hover{
  color:#1b1b1b;
  border-color: #fff;
  border-radius: 26px;
  font-family: "Raleway-Bold";
}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#1b1b1b !important;
  font-family: "Raleway-Bold";
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#1b1b1b !important;
  font-family: "Raleway-Bold";
}
#button1,#button1:active,#button1:focus,#button1:hover{
  background: black;
  border: none;
  width: 100%;
  color: #fff  !important;
  border-radius: 26px;
}
.varieties-1 img{
  max-width: 360px;
}

@media (min-width: 1600px){

}
@media (min-width: 1800px){
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .varieties-1 img{
    max-width: 260px;
  }

}
@media (min-width: 992px) and (max-width: 1200px) {
  .varieties-1 img{
    max-width: 170px;
  }


   
 
}
@media (min-width: 768px) and (max-width: 991px) {
  
.margin-seccion{
  margin-top: 0px;
}
body{
  background-image: url("/asset/img/movil.jpg"); /* The image used */
}
.varieties-1 img{
  max-width: 230px;
}

}


@media (min-width: 576px) and (max-width: 767px) {

 
  .margin-seccion{
    margin-top: 0px;
  }
    
  body{
    background-image: url("/asset/img/movil.jpg"); /* The image used */

  }

  .varieties-1 img{
    max-width: 170px;
  }

}
@media (max-width: 575px) {

  .margin-seccion{
    margin-top: 0px;
  }
  .varieties-1 img{
    max-width: 100px;
  }
    
  body{
    background-image: url("/asset/img/movil.jpg"); /* The image used */
    
  
   
  
  }

  
}
@media (max-width: 360px) {
  
    


  
}