/* #region Font */

@font-face {
    font-family: 'JosefinSans';
    src: url(../assets/fonts/JosefinSans.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,
body {
    font-family: 'JosefinSans', sans-serif;
}

/* #endregion */

br {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* #region Sections */

section {
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: center;
}

@media (max-width: 1330px) {
    section {
        flex-direction: column;
    }
}



section:nth-child(even) {
    background-color: #c3cad3;
}

section>div {
    padding: 60px;
    max-width: 730px;

    display: flex;
    flex-direction: column;
}

@media (max-width: 1330px) {
    section>div:first-child {
        padding: 60px 60px 30px 60px;
    }

    section>div:not(:first-child):not(:last-child) {
        padding: 30px 60px 30px 60px;
    }

    section>div:last-child {
        padding: 30px 60px 60px 60px;
    }

    section>div:only-child {
        padding: 60px;
    }
}

section.center>div {
    text-align: center;
}

section>div>img {
    width: 100%;
    max-width: 600px;
    min-width: 375px;
}

section>div>p+ul {
    margin-top: 0;
}

/* #endregion */

p:last-child,
ul:last-child {
    margin-bottom: 0;
}

ul {
    margin-top: 1rem;
}