BODY {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    background-color: #262f36;
}

BODY, H1, H2 {
    margin: 0;
    padding: 0;
}

H2 {
    font-weight: normal;
}

A {
    color: #fff;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

IMG.round {
    border-radius: 50%;
    float: left;
}

#splash {
    background: url(background.svg)
}

#splash IMG {
    margin-right: 2em;
}

.section {
    padding: 10%;
}

#nav {
    padding: 1% 10%;
    text-align: right;
}

#contact {
    text-align: right;
}

#contact IMG {
    float: right;
    margin-left: 1em;
}

#contact P {
    float: right;
    width: 60%;
    margin-top: 0;
}

#footer {
    clear: both;
    font-size: smaller;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: right;
}

@media (max-width: 700px) {
    #splash IMG {
        width: 25%;
        margin: 0 1em;
    }
    H1, H2 {
        font-size: 1.2em;
    }
    .section {
        padding: 20% 5%;
    }
}