html, body {
    font-family: 'museo-sans';
    background-color: #003557;
    color: #3a3a38;
}

.wrap {
    background-color: white;
    margin: 5% auto;
    max-width: 90%;
}

.logo, .coming {
    display: block;
    margin: 0 auto;
}

.logo {
    padding-top: 50px;
    max-width: 50%;
}

.coming {
    padding-bottom: 50px;
    max-width: 90%;
}

.titles {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
}

    .titles h1 {
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1.8px;
    }

span {
    font-size: 25px;
    display: block;
}

@media(min-width: 1000px) {
    span {
        display: inline;
    }
}

.contact {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
}

    .contact h1 {
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1.8px;
    }

        .contact h1 span {
            font-weight: 100;
            font-size: 18px;
        }

    .contact a {
        color: #55A7B3;
        display: block;
        padding-bottom: 50px;
    }