@font-face {
    font-family: 'Alumni Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(Alumni_300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Alumni Sans', Helvetica, sans-serif;
    background-color: rgb(234, 234, 234);
    color: #0c343d;
    margin: 0;
    font-size: 1.3em;
}

a {
    text-decoration: none;
    color: #297799;
}

a:hover {
    text-decoration: underline;
}

header,
section,
footer {
    padding: 2em;
    max-width: 900px;
    margin: auto;
}

section,
section article {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .1), 0 4px 15px 0 rgba(0, 0, 0, .1);
}

section {
    background-color: rgb(249, 249, 249);
    padding: 1.5em 2em 2em 2em;
}

section article {
    background-color: white;
    width: 30%;
    display: flow;
    margin: .5em 1em .5em 0;
    padding: 1em;
    border-radius: 6px;
    height: 17.3em;
    font-size: .95em;
    text-align: justify;
}
#tnc{
    text-align: justify;
}
section article:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
}

ul {
    margin-bottom: 0;
    margin-left: -1em;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 1.6em;
}

h3,
h4 {
    margin-top: 0;
    margin-bottom: .5em;
}

h4 {
    font-size: 1.2em;
}

a button {
    padding: 0.375rem 0.75rem 0.4375rem 0.75rem;
    font-size: 0.875rem;
    background-color: #297799;
    color: white;
    border: 0;
    border-radius: 5px;
    margin-top: 1em;
    width: 100%;
    padding: 1em;
    transition: background-color 300ms ease-out;
}

a button:hover {
    background-color: #0c343d;
    cursor: pointer;
}

a button:disabled,
a button:disabled:hover {
    background-color: lightgray;
    cursor: default;
}

header {
    text-align: center;
    padding-top: 3em;
}

section div,
footer {
    display: flex;
    text-align: justify;
}

footer {
    text-align: center;
}

footer div:not(:last-child) {
    margin-right: 1.4em;
}

.dark {
    background-color: #e5e6eb;
}

.bleufonce {
    background-color: #0c343d;
    color: white;
}

.bleufonce a {
    color: lightgray;
}

ul {
    list-style-type: circle;
}

.logo {
    width: 300px;
    height: 300px;
    margin: 0 1em 0 0;
    padding: .5em;
}

.gray {
    color: rgb(157, 157, 157);
    margin-bottom: .2em;
}

iframe#insta {
    height: 37em;
}

iframe#bookwhen {
    width: 100%;
    height: 953px;
}
#book{
    padding: .1em 1.5em 2em 1.5em;
    max-width: 921px;
}

.lightgrey {
    font-size: .9em;
}

.white {
    background-color: white;
}

@media (max-width:991px) {
    .logo {
        max-width: 100%;
        margin: auto;
    }

    section div,
    footer {
        display: flow;
        text-align: left;
    }

    section article {
        width: calc(100vw - 6em);
        margin: 1em 0;
    }

    footer div:not(:last-child) {
        margin-bottom: .5em;
    }

    iframe#insta {
        max-width: 100%;
        height: 19em;
    }

    section article {
        height: fit-content;
    }
}