@import url(./variables.css);
@import url(./typography.css);

/* ATOMS */
@import url(./atoms/box-container.css);
@import url(./atoms/whatsapp-flotante.css);

/* MODULES */
@import url(./modules/top-data.css);
@import url(./modules/header.css);
@import url(./modules/hero.css);
@import url(./modules/about.css);
@import url(./modules/form.css);
@import url(./modules/map.css);
@import url(./modules/footer.css);
@import url(./modules/footer-fixed-mobile.css);
@import url(./modules/gallery.css);



/* CSS GENERAL */
html{
    scroll-behavior: smooth;
}

.sec-title{
    font-size: var(--font-h2-mobile)
}

@media (min-width:768px){
    .sec-title{
        font-size: var(--font-h2-tablet);
    }
}

@media (min-width:1200px){
    .sec-title{
        font-size: var(--font-h2-desktop);
    }
}