@charset "UTF-8";

/* Put your styles into the appropriate breakpoints below. */
footer {
    background-color: #35627B;
}

footer p{
    font-family: "proxima-nova",sans-serif;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 200;
    color: #FFF;
    text-align: left;
    padding-top: 15px;
    max-width: 750px;
}

/* Universal Styles */
a {text-decoration: none; }

.added-margin {
    margin-top: 30px;
}

.uppercase {
    text-transform: uppercase;
}

.border-bottom {
    border-bottom: 2px dashed #B6542D;
}



/***** XS (Extra Small) – Mobile Size AND ABOVE *****/
#main-photo-box {
    background-image: url(../assets/road_photo-xs.jpg);
    background-size: cover;
    max-height: 250px;
}

/* Logo Style */
.nav img {
    max-width: 150px;
    margin-left: 50px;
    margin-top: 15px;
}  


/* Lite Ivory Box Stlyes */
.lite-ivory-box {
    background-color: #FFFAEE;
    border-top: 2px dashed #B6542D;
}

 .lite-ivory-box .section-header{
    background: #B6542D;
    margin-top: 16px;
    max-width: 500px;
}


/* Dark Ivory Box Styles */
.dark-ivory-box {
    background-color: #F8F1DE;
    border-top: 2px dashed #B6542D;
}

.dark-ivory-box .section-header{
    background: #1F6C98;
    margin-top: 16px;
    max-width: 500px;
}


/* Icon Styles */
.section-header i {
    font-size: 5em;
    color: #6C8D86;
    float: left;
    padding: 50px;
}


/* Text Styles */
.main-photo-header {
    text-align: center;
    margin-top: 55px;
}

.main-photo-header h1 {
    font-family: "proxima-nova", sans-serif;
    font-size: 3em;
    line-height: .5em;
    font-weight: 900;
    margin-top: 20px;
    color: #FFFAED;
}

    
.eastside {
    font-family: "eastside_regularregular";
    font-weight: normal;
	font-style: normal;
}

.section-header h2 {
    font-size: 2.5em;
    font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    color: #FFF;
    top: 10px;
    padding: 20px;
}

.mobile-photo {
    background: url(../assets/mobile_photos/history_opacity.jpg);
    background-size: cover;
    min-width: 840px;
}

.body-copy p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: 400;
    color: #444;
    max-width: 500px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.more-button {
    float: right;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    font-weight: 900;
    line-height: 2.4em;
    text-transform: uppercase;
    margin-top: 20px;
}

.more-button a {
    text-decoration: none;
    color: #444;
}


/* Social Media Nav Styles */
.social-media-nav{
    margin: 25px 0px 15px;
    float: right;
    padding-right: 15px;
    max-width: 250px;
}

.social-media-nav i {
    font-size: 2.5em;
    padding: 0px 0px 0px 20px;
    color: #FFF;
}

.social-media-nav ul {
    float: right;
}

.social-media-nav li {
    float: left;
}

/***** END XS (Extra Small) */



/***** SM (Small) - Tablet Size AND ABOVE! (768px) */
@media (min-width: 768px) {

/* Logo Style */
.nav img {
    max-width: 200px;
    margin-left: 50px;
    margin-top: 75px;
}  
    
    
#main-photo-box {
    background-image: url(../assets/road_photo-sm.jpg);
    background-size: cover;
    min-height: 403px;
}
    
    
/* Text Styles */
.main-photo-header {
    text-align: center;
    margin-top: 105px;
}

.main-photo-header h1 {
    font-family: "proxima-nova", sans-serif;
    font-size: 6.5em;
    line-height: .7em;
    font-weight: 900;
    margin-top: 30px;
    color: #FFFAED;
}

    
.eastside {
    font-family: "eastside_regularregular";
    font-weight: normal;
	font-style: normal;
}

    
.mobile-photos {
    max-height: 160px;
}
    
    

    
} /***** END SM (Small) */




/***** MD (Medium) - Medium Desktop Size AND ABOVE! (992px) */
@media (min-width: 992px) {
/* Main NAV Styles */

#banner {
    background: url(../assets/banner.png);
    min-height: 190px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 15px;
}

#main-photo-box {
    background-image: url(../assets/road_photo-md.jpg);
    background-size: cover;
    width: 100%;
    max-height: 780px;
}

/* NAV Styles */ 
.nav {
    text-align: center;
    margin-left: 90px;
}

.nav i {
    font-size: 2.5em;
    color: #6C8D86;
}

.nav p {
    color: #6C8D86;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.4em;
    font-weight: 600;
}

    
/* Logo Style */
.nav img {
    max-width: 175px;
    margin-left: 50px;
    margin-top: 0px;
}    
 

/* Universal Styles */
.add-margin {
    margin-left: 175px;
}


    
    

/* Text Styles */
.main-photo-header {
    text-align: center;
    margin-top: 25px;
}

.main-photo-header h1 {
    font-family: "proxima-nova", sans-serif;
    font-size: 10em;
    line-height: .8em;
    font-weight: 900;
    margin-top: 30px;
    color: #FFFAED;
}

    
.eastside {
    font-family: "eastside_regularregular";
    font-weight: normal;
	font-style: normal;
}



/* Button Styles */
.button {
    display: block;
    width: 360px;
    background: #6C8D86;    
    border-radius: 10px;
    font-family: "proxima-nova", sans-serif;
    font-size: 2.2em;
    font-weight: 700;
    color: #FFFAED;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
    margin-left: 300px;
    margin-top: 100px;
}

.down-button {
    margin-top: 125px;
    margin-left: 450px;
}  
  

    
    
/* Featured Section Styles */
.featured-photos {
    border: 15px solid #FFF;
    border-radius: 4px;
    max-width: 480px;
    margin: 20px 0px;
    box-shadow: 8px 8px 20px #A3A3A3;
    -ms-transform: rotate(-7deg); 
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
    
.section-header h2 {
    font-family: "proxima-nova", sans-serif;
    font-size: 3em;
    font-weight: 600;
    text-align: center;
    color: #FFF;
    padding: 0px;
    margin-bottom: 15px;
}

.body-copy p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: 400;
    color: #444;
    margin-left: 36px;
    max-width: 480px;
}
    
.body-copy h3 {
    font-family: "proxima-nova", sans-serif;
    font-size: 2em;
    font-weight: 700;
    color: #444;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 36px;
    max-width: 480px;
}

.body-copy h4 {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.7em;
    color: #444;
    margin-bottom: 5px;
    margin-left: 36px;
    max-width: 480px;
}

.body-copy h5 {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    font-weight: 900;
    line-height: 2.4em;
    text-transform: uppercase;
    color: #444;
    margin-top: 30px;
    margin-left: 36px;
}


    /* Lite Ivory Box Styles */
    .lite-ivory-box {
        background:
            /* top, transparent ivory, faked with gradient */ 
                linear-gradient(
                  rgba(254, 249, 236, 0.55), 
                  rgba(254, 249, 236, 0.55)
                ),
            /* bottom, image */
            url(../assets/white_wall.jpg);
        border-top: 2px dashed #B6542D;        
        min-height: 485px;
    }

    .lite-ivory-box .featured-photos {
        margin-top: 70px;
        box-shadow: -8px 8px 20px #A3A3A3;
        -ms-transform: rotate(-7deg); 
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg); 
    }

    .lite-ivory-box .section-header{
        background: #B6542D;
        width: 560px;
        padding: 30px;
        margin-top: 70px;
    }

    /* Dark Ivory Box Styles */
    .dark-ivory-box {
        background:
            /* top, transparent ivory, faked with gradient */ 
                linear-gradient(
                  rgba(247, 239, 217, 0.45), 
                  rgba(247, 239, 217, 0.45)
                ),
            /* bottom, image */
            url(../assets/white_wall.jpg);
        border-top: 2px dashed #B6542D;
        min-height: 485px;
    }

    .dark-ivory-box .featured-photos {
        margin-top: 70px;
        box-shadow: 8px 8px 20px #A3A3A3;
        -ms-transform: rotate(7deg); 
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); 
    }

    
    .dark-ivory-box .section-header{
        background: #1F6C98;
        padding: 30px;
        margin-top: 70px;
    }

    
} /***** END MD (Medium) */




/***** LG (Large) – Large Desktop AND BEYOND! (1200px) */
@media (min-width: 1200px) {

#banner {
    min-height: 190px;
}
    
#main-photo-box {
    background-image: url(../assets/road_photo-lg.jpg);
    background-size: cover;
    max-height: 945px;
}
    
    
/* NAV Styles */
.nav{
    margin-left: 120px;
} 

.nav i {
    font-size: 4em;
    color: #6C8D86;
}

.nav p {
    color: #6C8D86;
    font-family: "proxima-nova",sans-serif;
    font-size: 1.6em;
    font-weight: 600;
}
   
    
/* Logo Style */
.nav img {
    margin-top: 5px;
    max-width: 215px;
    margin-left: 100px;
}


/* Text Styles */
.main-photo-header {
    text-align: center;
    margin-top: 25px;
}

    
.main-photo-header h1 {
    font-size: 13.5em;
    line-height: 1.2em;
}

.eastside {
    font-family: "eastside_regularregular";
    font-weight: normal;
	font-style: normal;
}
    

    
/* Button Styles */
.button {
    margin-left: 395px;
    margin-top: 115px;
}

.down-button {
    margin-top: 130px;
    margin-left: 550px;
} 
    
    
/* Social Media Nav Styles */
.social-media-nav i {
    font-size: 2.2em;
    padding: 0px 0px 0px 15px;
}    

} /***** END LG (Large) */