@import url('./theme.css');

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    overscroll-behavior-y: none;
    font-family: 'fontUFI';
}

.banner {
    height: 13vh;
    width: 100%;
    background-color: var(--bluUFI);
    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url('./foto/ufiBannerLoghi.svg');
    background-position: center;
    background-size: cover;
}

body[data-page="home"] header {
    top: 8em;
    background-color: transparent;
}

body[data-page="home"] header.scrolled {
    top: 0;
}

.banner>img {
    object-fit: contain;
    max-height: 120%;
}

.fotoBackground {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(0.7);
}

@media only screen and (max-width: 850px) {
    #container {
        width: 80vw;
        font-size: medium;
    }

    .banner {
        height: 10vh;
    }

    .fotoBackground {
        height: 90vh;
    }

    #header-container #hamburger {
        display: none !important;
    }

    #header-container #sections {
        display: flex;
        gap: 3.5vh;
        top: 2vh !important;
        background-color: transparent;
        font-size: 200;
    }
}

@media only screen and (max-height: 500px) {}