@import url(https://use.typekit.net/cnk8zgn.css);
body{
    background: #222;
    color: #ffffff;
    font-family: trajan-pro-3,serif;
}
main{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 5rem;
    text-align: center;
}
.logo{
    max-width: 300px;
    width: 100%;
}
h1{
    font-weight: 400;
}
h1 span{
    color: #907258;
}
a{
    color: #fff;
    text-decoration: none;
    margin-left: 2rem;
}
a:hover, a:focus, a:active{
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 700px){
    h1{
        font-size: 24px;
        margin: 2rem 0;
    }
    a{
        display: block;
        margin: 0;
    }
}