@font-face {
    font-family: headerfont;
    src: url(./poppins_thin.ttf);
}

@font-face {
    font-family: butterandbread;
    src: url(./robotoslab_light.ttf);
}


body {
    background-color: #F2F2F2;
    margin: 0;
    padding: 0;
}


section {
    padding: 2em 2.6em 2em 2.6em;
    background-color: #FFF;

}

.header {
    border-bottom: 1px solid #D6D6D6;
}

.header h1 {
    color: #A9A9A9;
    font-size: 2.6rem;
    font-family: headerfont;
    padding-left: 2.1rem;
}


.content h2 {
    color: #919191;
    font-size: 1.4rem;
    font-family: headerfont;
    margin-top: 2.6rem;
}

.content img {
    display: block;
    float: right;
    margin-top: 2rem;
}

.content p {
    color: #212121;
    font-family: butterandbread;
    font-size: 1rem;
    line-height: 1.75rem;
    max-width: 40rem;
    margin: 2rem 0 3rem 2.5rem;
}

.footer {
    background-color: #F2F2F2;
}

.footer a {
    color: #941100;
}

.footer .contact {
    color: #5E5E5E;
    font-family: butterandbread;
    font-size: 0.75rem;
    line-height: 1.3rem;
    margin-left: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #C0C0C0;
}

nav {
    padding: 0em 0em 5em 5em;
}

nav a {
    color: #5E5E5E;
    font-family: butterandbread;
    font-size: 0.75rem;

}