body {
    background-image: url('../images/the_oath_3.jpg');
}

span#name {
    font-size: 4.5rem;
    line-height: 5rem;
    display: block;
    margin-top: 147px;
    margin-left: 31px;
}

span#tagline {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-left: 85px;
}

@media (max-width: 980px) {

    body {
        background-position: calc(50% - 118px) -102px;
    }

    span#name,
    span#tagline {
        margin: 0;
        margin-top: 20px;
        display: block;
        width: 100%;
        text-align: center;
    }

    span#tagline {
        margin-top: 10px;
    }
}