body {
    font-family: "Roboto", sans-seriff;
    margin: 0;
    font-weight: 200;
}

a, button {
    transition: 0.3s all ease-out;
}

a {
    text-decoration: none;
    color: #2a4692;
}

a:hover {
    color: #61a6b8;
}

.row {
    display: flex;
}

.container {
    margin: 170px auto;
}

header#header {
    margin-bottom: 70px;
}

.main-content p {
    text-align: center;
    font-size: 1em;
    color: #2a4692;
    text-transform: uppercase;
}

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    max-width: 350px;
}

@media (max-width: 999px) {
    .container {
        padding-left: 70px;
    }
}

@media (max-width: 599px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
}