@font-face {
    font-family: 'BioSans';
    src:
        url('../fonts/Flat-it-BioSans-Regular.woff') format('woff'),
        url('../fonts/Flat-it - BioSans-Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

html, body {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

*, html, body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, span,
select, option {
    font-family: 'BioSans', Roboto, sans-serif;
    font-style: normal;
    color: rgb(44, 49, 57);
}

body {
    background: rgb(120, 168, 169);
}

h1,
h2,
h3 {
    text-transform: uppercase;
}

.row {
    padding: 1rem;
}

.logo-section {
    background: #FFF;
}

.content-section-red {
    background: rgb(203, 80, 64);
}

.content-section-coral {
    background: rgb(218, 141, 119);
}

.content-section-yellow {
    background: rgb(238, 198, 102);
}

.content-section-mint {
    background: rgb(159, 202, 192);
}

.content-section-turquoise {
    background: rgb(120, 168, 169);
}

.logo-wall {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #FFF;
}

.logo-wall img {
    padding: 0 1rem
}


@media (max-width: 578px) {
    .logo-wall img {
        max-width: 70%;
        padding: 24px;
    }
}

@media (min-width: 579px) {
    .logo-wall img {
        max-width: 100%;
        padding: 32px;
    }
}

p,
div,
span,
h3,
h4,
h5 {
    color: #FFF !important;
}

img {
    max-width: 100%;
}

ul li {
    color: #FFF !important;
}

.link-mail {
    color: rgb(44, 49, 57);
    text-decoration: underline;
}

.accordion {
    color: rgb(255, 255, 255);
    cursor: pointer;
    background: transparent;
    text-decoration: underline;
    padding: 18px 18px 18px 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 18px 18px 0 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}