@import url('https://fonts.googlepis.com/css?family=Roboto:300,');
@import url(menu.css);
@import url(banner.css);
@import url(servicios.css);
@import url(bienvenidos.css);
@import url(productos.css);
@import url(ubicacion.css);
@import url(footer);
@import url(form-registers.css);
@import url(style.css);
@import url(registro.css);
@import url(contacto.css);
@import url(footer.css);
@import url(fontello);
@import url(fontello-codes.css);
@import url(fontello-embedded.css);
@import url(fontello-ie7-codes.css);
@import url(fontello-ie7.css);
@import url(galeria.css);
@import url(sugerencias.css);
@import url(responsive.css);
*{
    margin:0;
    padding:0;
    box-sizing: border-box;

}
body{
    font-family: 'Poppins', sans-serif;
    background-image: url('../img/gan.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
   

    

}

header{
width: 100%;
height: 60px;
background:#1e5da4;
color:rgb(236, 230, 230);
position:fixed;
top:0;
left:0;
z-index: 100; 

}
.contenedor{
    width: 100%;
    margin: 10px;
}
h1{
    float: left;
}
header .contenedor{
    display:table;
}
section{
	width: 100%;
	margin-top: 25px;
}


/* Responsive Design */
@media (max-width: 768px) {
    header{
        height: 50px;
    }
    header h1{
        font-size: 18px;
    }
    .contenedor{
        margin: 5px;
    }
    section{
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    header{
        height: 45px;
    }
    header h1{
        font-size: 16px;
    }
    .contenedor{
        margin: 3px;
    }
    section{
        margin-top: 10px;
    }
}