@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,200;10..48,300;10..48,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,400;0,500;0,700;1,500&display=swap');
@import url(menu.css);
@import url(banner.css);
@import url(catalogo.css);
@import url(lightbox.css);
@import url(contacto.css);
@import url(galeria.css);
@import url(categorias.css);
@import url(empresa.css);
@import url(ubicacion.css);



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

body {
    margin: 0;
    padding: 0;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 300;
}

header {
    width: 100%;
    height: 100px;
    background-color: #7E8AA2;    
    border-bottom: solid 2px #ACABA8;
    color: #fff;   
    position: fixed;
    top:0;
    left: 0;
    z-index: 1000;   
}


header img{
    height: 80px;
    width: 250px;
    margin-left: 0px; 
    margin-top: 0.5em;   
    /*border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;*/
}

header img#logo{    
    margin-left: 65px;    
}

div#whatsapp{
  right: 0;
  position: absolute;
  top:0px;  
}

div#whatsapp img{    
    height: 60px;
    margin-right:1em;    
    margin-top: 16px;
    width: 60px;
}

h1 {
	float: left;
}

section {	
	width: 100%;
}


footer {
    padding-top: 0em;
    color: #ACABA8;
    background-color:#141414;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 300;    
}

footer .contenedor {
    display: flex;   
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 25px;    
    margin: 0 auto;
    padding-left: 7em;
    padding-right: 6em;   
}

.copy {
    font-size: 0.9em;  
    text-align: center;
    width: 100%;    
}

@media (min-width:768px) {    
    footer .contenedor {    
        justify-content: space-between;    
    }    
        
}

@media (min-width:1366px) {
    .contenedor {        
        width: 100%;
        max-width: 1600px;        
    }       
}

@media (max-width: 768px) {  

    header {        
        /*background-color:#fff;*/
    }

    header img {
        height: 56px;
        width: 175px;
        margin-left: 0;
        margin-top: 0.75em;
    }

    header img#logo{    
        margin-left: 5px;    
    }

    div#whatsapp {
        top: 45em;        
    }

    div#whatsapp img{
        height: 75px;
        width: 75px;
        margin-right: 0.5em;    
    }
}