body {
    background: #fff;
    font-family: 'acumin-pro', sans-serif;
    font-weight: 300;
    color: #2a2a2a;
    margin: 0;
    line-height: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p {
    max-width: 700px;
}
a {
    text-decoration: none;
    color: #2a2a2a;
}
a.block {
    text-decoration: none;
    color: #2a2a2a;
    border-bottom: 1px solid #d4d4d4;
    padding: 4vh 5vw 3.75vh;
    display: block;
    transition:
        background 0.1s ease,
        color 0.1s ease,
        padding 0.1s ease,
        border-color 0.1s ease;
}
a.block:last-child {
    border: none;
}
a.block:hover {
    background: #2a2a2a;
    color: #ffffff;
    border-color: #2a2a2a;
}

h1 {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0 0 12px;
    transition: all 0.1s ease;
}
header {
    padding: 10vh 5vw 8vh;
    border-bottom: 1px solid #d4d4d4;
    transition: padding 0.1s ease;
}
p {
    margin: 0;
    font-size: 20px;
    transition: all 0.1s ease;
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 30px;
    }
    p {
        font-size: 18px;
    }
    header {
        padding: 60px 25px;
    }
    a.block {
        padding: 30px 25px;
    }
}