body {
    position: relative;

    font-family: brix-slab, serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #ffffff;

    width: 100vw;
    min-height: 100vh;

    margin: 0;
    padding: 0;

    background: black;

    -webkit-font-smoothing: antialiased;
}

.center {
    position: relative;
    margin: 0 auto;
}

.logo {
    display: block;
    width: 85vw;

    margin: 20vw auto 0;
}

.claim {
    font-size: 5vw;

    margin: 2vw 0;
}

.image {
    width: 55vw;

    margin: 8vw 0 8.75vw;
}

.email {
    display: block;

    margin: 0 auto;

    font-size: 6vw;
    color: #fff;
    text-decoration: none;
}

.address {
    font-family: 'neue-haas-grotesk-display', Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;

    margin: 8vw 0 0;
}


@media only screen and (min-width: 600px) {
    .center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .logo {
        width: 45vw;

        margin: 0 auto;
    }

    .claim {
        font-size: 2.4vw;

        margin: 1vw 0;
    }

    .image {
        width: 26vw;

        margin: 3vw 0 3.5vw;
    }

    .email {
        font-size: 3.2vw;
    }

    .address {
        font-size: 16px;

        margin: 4vw 0 0;
    }
}

@media only screen and (min-width: 1280px) {

    .email {
        display: inline-block;
        position: relative;
    }

    .email::before {
        position: absolute;
        bottom: -0.4vw;
        left: 0;
        z-index: 1;
        width: 0;
        height: 0.4vw;
        background: #fff;
        content: '';

        transition: width .3s ease-in-out;
    }

    .email:hover::before {
        width: 100%;
    }
}


@media only screen and (min-width: 1440px) {

    .logo {
        width: 700px;
    }

    .claim {
        font-size: 38px;

        margin: 15px 0;
    }

    .image {
        display: block;
        width: 400px;

        margin: 60px auto;
    }

    .email {
        font-size: 50px;
    }

    .email::before {
        bottom: -4px;
        height: 4px;
    }

    .address {
        margin: 70px 0 0;
    }

}