body {

    background-image: url(../images/backgrounds/bridgecity.jpg);
  
    background-position: center center;
  
    background-repeat: no-repeat;
  
    background-attachment: fixed;

    background-size: cover;

}

.logo-container {

    width: 214px;

    margin: 65px auto;

}

.logo-container a {
    display: block;
}

.logo-container img {

    width: 100%;
    max-width: 214px;
    
}

.content-box {

    width: 700px;

    background-color: #070f11;

    margin: auto; 

    text-align: center;

    color: #ffffff;

}

.header-text {

    font-size: 80px;

    padding: 45px 0 0 0;

    margin: 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 500;

}

.yellow-text {

    color: #fdd93b;

}

.subheader-text {

    margin: 0;

    padding: 5px 0 0 0;

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    font-size: 40px;

}

.main-text {

    width: 600px;

    margin: 0;

    padding: 20px 40px;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 100;

    line-height: 20px;
}

.button-spacer {
    padding: 25px 0;
    margin-bottom: -40px;
}

.button-div {

    text-align:center;

}

.button-container {

    margin: 0 auto;

    max-width: 350px;

    background: #fdd93b;

    display: inline-block;

    padding: 25px 100px 20px 40px;

    text-align: center;

    background-image: url("../images/arrow.png");

    background-repeat: no-repeat;

    background-position: 88% 50%;

    font-size: 24px;

    color: #000000;

    text-decoration: none;

}

.footer-spacer {
    margin: 65px 0;
}


.template-footer {

    width:100%;

    padding: 18px 0;

    position: fixed;

    bottom: 0;

    text-align: center;

    background-color: #070f11;

    color: #ffffff;

    font-weight: 100;

    font-size: 12px;

    font-family: 'Open Sans', sans-serif;
}


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

    .content-box {

        max-width: 90%;

    }

    .main-text {

        max-width: 85%;

        padding: 20px 0 70px 5.7%;

    }

    .button-container{

        max-width: 250px;

    }

}