@import url('https://fonts.googleapis.com/css?family=Encode+Sans:300,400,700,800');

body{
  font-family: 'Encode Sans', sans-serif;
}

#header{
  margin: 30px 0;  
}

.icon{
  padding-left:5px;
  font-size: 1rem;
}

.tel{
  font-size: 1rem;
  font-weight: 400;
  padding-right: 10px;
  color: #444242;
}

.tit, .titprod{
  font-weight: 400;
  color: #6e8e2e;
}

.titprod{
  font-size: 1.5rem;
}

.linea{
  border: 2px solid #6e8e2e;
  width: 120px;
  margin: auto;
}

.text{
  font-size: 1rem;
  font-weight: 400;
  color: #444242;
}

#productos{
  padding: 30px 0; 
  background-color: #ecebd8; 
}

.boton-enviar{
  background-color: #6e8e2e;
  color: #FFFFFF;
}

#footer{
  padding: 30px 0; 
  background-color: #444242; 
}

a, .icon, .far fa-check-circle{
  color: #6e8e2e !important;
}

.far fa-check-circle{
  font-size: 20px !important;
}

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

.destacado{
  font-weight: 800;
}

@media (max-width: 767px)  {

  .logo, .contacto, .img-fluid{
    display: flex !important;
    justify-content: center !important;
  }

  .box{
   margin-bottom: 30px; 
  }

  .w-100 {
    width: 130%!important;
  }

}