body {
    font-family: Roboto, sans-serif;
    margin: 40px 15px 40px 15px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
}

@media (width <= 600px) {
    body {
        margin: 10px 7px 25px 7px;
        font-size: 14px;
    }
}

a {
    color: #2B85B8;
    &:hover {
        color: black;
    }
}

main {
    max-width: 1200px;
    margin: 0 auto;
}

h1 {
    font-weight: 300;
    font-size: 40px;
    line-height: 1.2em;
}

@media (width <= 1000px) {
    h1 {
        font-size: 32px;
    }
}

@media (width <= 650px) {
    h1 {
        font-size: 28px;
    }
}

h2 {
    font-weight: 300;
    font-size: 28px;
}

@media (width <= 1000px) {
    h2 {
        font-size: 24px;
    }
}

@media (width <= 650px) {
    h2 {
        font-size: 20px;
    }
}

strong {
    font-weight: 500;
}

p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
}

@media (width <= 650px) {
    p {
        font-size: 14px;
    }
}