:root {
    --main-color:#000;
    --main-highlight:#444;
}


.wrapper {
    max-width: 700px;
    margin-left: auto;
    margin-right:auto;
}

a:link {
    color: var(--main-color);
}

a:visited {
    color: var(--main-color);
}

a:hover {
    color: var(--main-highlight);
}

a:active {
    color: var(--main-highlight);
}


.header {

}

.logo {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    max-height: 200px;
}

.main {
    text-align: center;
    font-size: large;
    font-weight: bold;
    margin: 20px;
}

.team {
    display: flex;
    flex-flow: row wrap;

    text-align: center;
    /*justify-content: space-evenly;*/
}

.team > * {
    padding: 10px;
    width: 100px;
    flex-grow: 1;
    flex-basis: 200px;
}

.circular-square {
    border-radius: 25%;
    height: 150px;
}

.newsletter {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.footer {
    text-align: center;
    color: #8c8c8c;
    font-size: small;
    margin: 50px;
}


@media all and (min-width: 800px) {
    .main {
        margin: 50px;
    }
}

body {
    padding: 2em;
    font-family: 'Nunito', sans-serif;
    color: var(--main-color);
}