header.intro {
    height:625px;  
}

.intro {
    display: table;
    width: 100%;
    padding: 100px 0;
    /*background: url("../img/testImage.jpg") no-repeat center scroll;*/
    /*background: url("../img/EmptyStudio169.jpg") no-repeat center scroll;*/
    background: url("../img/1500/8Z0A4877-colorEdited.jpg") no-repeat center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0;
}

.intro .intro-body {
    display: table-cell;
    vertical-align:middle;
}

/*Logo image over background image*/
.headerLogo {
    margin:0px auto 0px auto;
    width:400px;
    height:308px;
 }

/*Header Logo break at phone size*/
@media(max-width:767px) {

    /*Adjust header section height*/
    header.intro {
        height:auto;  
    }

    /*Resize logo for smaller screen*/
    .headerLogo {
        margin:0px auto 0px auto;
        width:250px;
        height:193px;
    }
}

/*Limits description width*/
p.buttonDescription {
    margin-top:20px;
    max-width:500px;
    margin-left: auto;
    margin-right: auto;
}

div.arrowRow {
    margin-top:35px;
}
 
.colorBox {
    font-style:italic;
    background-color:#B20B0B;
    padding:25px;
    margin-bottom:40px;
}

.colorBox p {
    color:#fff;
    font-size:15px;
}

/*Raise font size at breakpoint*/
@media (min-width:480px) {
    .colorBox p {
        font-size:17px;
        text-align:center;
    }
}

@media (min-width:768px) {
    .colorBox p {
        font-size:20px;        
    }
}

#requestButton {
    margin-top:25px; /*Spacing when stacked*/
}

@media (min-width:768px) {
    #requestButton {
        margin-top:0px; /*Spacing when side by side*/
    }
}