@import 'fonts.css';
@import 'variables.css';
@import 'header.css';
@import 'menu.css';
@import 'fastpage.css';
@import 'button.css';


/* cookiebar */

.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-cp-foot-save, .termsfeed-com---palette-light .cc-nb-reject {
    background-color: var(--olive)!important;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: var(--white)!important;
    opacity: .9!important;
}
.termsfeed-com---nb-headline {
    position: fixed!important;
}
#open_preferences_center {
    display: none;
}

html {
    height: 100vh;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    width: 100vw;
    background-color: var(--sand);
    background: url("/assets/images/sandbg.webp") center / contain repeat;
    scroll-behavior: smooth;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 12px;
    font-family: Prestige;
}

.cookies {
    margin: 3em;
}

/* TYPOGRAPHY */

h1 {
    font-family: Prestige;
    font-size: 2em;
}

.link {
    color: var(--leather);
}

a, a:active, a:focus, a:hover {
    color: var(--leather);
    text-decoration: none;
}

.iubenda-tp-btn {
    opacity: .2!important;
}
/* LOGO */

.logo {
    background: url("/assets/images/logo.svg") center / contain no-repeat;
}

/* CONTAINER */

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 80vw;
    margin: 4em auto;
    gap: 2em;
}

.container__box {
    width: 15em;
    height: 15em;
}

.container__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    text-align: center;
    flex-wrap: wrap;
    gap: 2em; 
}

.container__content--small {
    width: 80vw;
}

/* Tablet */
@media only screen and (max-width: 960px) {
   
}

/* Mobile */
@media only screen and (max-width: 600px) {

    .container {
        margin: 3em auto;
    }
    
    .container__content {
        flex-direction: column;
        width: 100%;
        height: auto;
        align-items: center;
    }

    h1 {
        font-size: 2em;
    }
}