@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url(menu.css);
@import url(banner.css);
@import url(articulos.css);
@import url(ubicacion.css);
@import url(footer.css);
@import url(formulario1.css);
@import url(menudesplegable.css);







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

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



header{
    width: 100%;
    height: 140px;
    background: #61432e;
    color: #fff;
    
    top: 0px;
    z-index: 100;
    left: 0px;
    }



.contenedor {
    width:  98%;
    margin: auto;  
    }
h1{
    float: left;
  }

header .contenedor{
    display: table;

   }
section{
    max-width:100%;
   }

h1 img{
    margin-top: 10px;
    width: 200px;
   
  }
    h2{
    margin-top: 20px;    
    width: 150px;
    height: 100px;
    float: left;
    }
    
/*------WhatsApp------*/

.btn-whatsapp {
  display:block;
  width:50px;
  height:50px;
  color:#fff;
  position: fixed;
  right:30px;
  bottom:60px;
  border-radius:50%;
  line-height:80px;
  text-align:center;
  z-index:100;
}    

@media (min-width: 1024px){
    
   body{
   background-image: url(bkghome.jpg);
   background-size:  100% 120%;
   background-repeat: no-repeat;
   position:center;
}
    h1 img{
    width: 300px;
    margin-top: -20px;
  }
    .contenedor{
    width: 85%;
    } 


    
    h1{
    margin-top: 40px;  
    width: 200px;
    height: 100px;
    }
    
    h2{
    margin-top: 20px;    
    width: 150px;
    height: 100px;
    float: right;
   
    }
    header{
    position:fixed;
    height: 110px;

    }
}