* {
    margin: 0;
}

body {
    background-image: url(../img/bg-texture.jpg);
    font-family: arno-pro-display, "source-serif-pro", serif;
    font-style: normal;
}

div.wrapper {
    width: 66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    :first-child {
        margin-right: 1rem;
    }
    h1 {
        color: #fff;
        font-size: 4.0rem;
        line-height: 1.0;
        font-weight: 300;
        display: block;
    }
    p {
        color: rgb(192, 214, 119);
        font-size: 3.0rem;
        font-weight: 400;
    }
}

@media only screen and (min-width: 740px) {
    div.wrapper {
        :first-child {
            margin-right: 1rem;
        }
        h1 {
            display: inline-block;
            line-height: 0.5;
        }
    }
}