body { 
    background: url(./docs/1.jpg) no-repeat 45% 5% fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
}

/** DESKTOP STYLESHEET **/
@media screen and (min-width: 769px) {
    
    .footer {
        position: fixed;
        bottom: 2.5%;
        left: 2.5%;
    }

    span#name, span#copyright {
        color: white;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    span#name {
        font-size: 0.91em;
    }

    span#copyright {
        font-size: 0.75em;
    }

    a#contact {
        position: fixed;
        right: 2.5%;
        bottom: 2.5%;
        text-decoration: none;
        color: white;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        font-size: 0.7em;
    }

    a:hover {
        opacity: 0.5;
    }

    a#outbound {
        text-decoration: none;
        color: white;
        font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        letter-spacing: 0.04em;
        font-weight: 550;
    }
}
/** MOBILE STYLESHEET **/

@media screen and (max-width:768px) {

    .footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    span#name {
        position: fixed;
        text-align: center;
        top: 4%;
        font-size: 0.96em;
    }
    
     span#name, span#copyright, a#contact {
        color: white;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        text-decoration: none;
    }

    span#copyright {
        bottom: 4%;
        position: fixed;
        font-size: 0.77em;
    }

    a#contact {
        font-size: 0.8em;
    }

    #center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
    a#outbound {
        text-decoration: none;
        color: white;
        font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        letter-spacing: 0.02em;
        font-weight: 700;
    }
}