.container {
    padding: 20px;
}

.container, .intro  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.intro {
    background-color: rgba(255, 255, 255, .8);
    padding: 20px;
    width: 100%;
    max-width: 700px;
    text-align: center;
}

.intro__container, .waiting {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro__content, waiting__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 300px;
    height: 100%;
}

.waiting {
    margin-top: 25px;
}

.waiting__content {
    padding: 20px;
}

.waiting img {
    max-width: 100%;
}

.contact__infos {
    text-align: left;
    margin-left: -40px;
}

a {
    font-weight: 700;
    color: #708A33;
    text-decoration: none;
}

h1, h2 {
    font-family: "ODIN";
    font-weight: 100;
    margin: 5px 0;
}

a, li, p, span, h3 {
    font-family: "DIN";
    line-height: 1.4;
}

.waiting__title {
    color: #708A33;
}

/* Fonts */

@font-face {
 font-family: "ODIN";
 src: url("./fonts/odin_rounded/OdinRounded-Bold.otf");
}

@font-face {
 font-family: "DIN";
 src: url("./fonts/DIN/d-din.regular.ttf") format("truetype");
}

@media screen and (min-width: 768px) {
    
    .container {
        height: 100vh;
    }

    .intro__container, .waiting {
        flex-direction: row;
    }

    .contact__infos {
        margin-left: 0;
    }
}