@font-face {
    font-family: 'Syncopate';
    src: url("/styles/fonts/Syncopate-Regular.ttf");
}

@font-face {
    font-family: 'Quicksand';
    src: url("/styles/fonts/Quicksand-VariableFont_wght.ttf");
}

html {
    font-size: calc(15px + 0.390625vw);
}


body {
    font-family: "Quicksand", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Syncopate";
    color: #DAA520;
}

hr {
    border-top: 1px solid #DAA520;
}

i.fa:after,
i.fa-brands:after {
    content: " \00a0";
}

.mySlides {
    display: none
}

.w3-left,
.w3-right,
.w3-badge {
    cursor: pointer
}

.w3-badge {
    height: 13px;
    width: 13px;
    padding: 0
}

.faso-imageText {
    color: white;
    text-shadow: 2px 2px black;
}


a {
    text-decoration: none;
}

a.link {
    text-decoration: underline;
}

a:hover {
    color: #DAA520;
}

ul.o {
    list-style-type: circle;
}

.faso-button:hover {
    color: white;
    background-color: #DAA520;
    /* border: 1px solid #DAA520; */
}

.error {
    color: red;
    font-weight: bold;
}

.booking,
.no-booking {
    width: 100%;
    margin-bottom: 4px;
    transition-duration: 0.5s;
    background-color: white;
    border: 1px solid #DAA520;
    font-size: larger;
}

.no-booking {
    color: lightgrey;
    cursor: not-allowed;
}

.booking:hover,
.booking a:hover {
    color: white;
    background: #DAA520;
    cursor: pointer;
}


@media only screen and (max-width: 914px),
(max-width: 414px),
(max-width: 390px),
(max-width: 375px) {

    .faso-imageText.h3 {
        font-size: 10px;
    }

    h1 {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 1.1rem;
    }

    h5 {
        font-size: 1rem;
    }
}