@charset "UTF-8";

/* Put your styles into the appropriate breakpoints below. */

.down-button {
    margin-top: 310px;
    margin-left: 550px;
}

.padding-bottom {
    padding-bottom: 20px;
}


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

/* Featured Section Styles */

.history-header h2 {
    font-family: "proxima-nova", sans-serif;
    font-size: 3em;
    font-weight: 900;
    color: #444;
    padding: 30px 0px 8px;
    margin-left: 60px;
    margin-top: 20px;
    border-bottom: 3px solid #B6542D;
    max-width: 320px;
}

.history-body-copy p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: 400;
    color: #444;
    margin-left: 36px;
    padding: 15px 25px 0px;
}
    
.lite-ivory-box {
    border-bottom: 2px dashed #B6542D;
}
    
.dark-ivory-box {
    border-top: 0px;
}



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




/***** SM (Small) - Tablet Size AND ABOVE! (768px) */
@media (min-width: 768px) {
#main-photo-box {
    background-image: url(../../assets/wigwam_motel-sm.jpg);
    background-size: cover;
    max-height: 768px;
}  



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




/***** MD (Medium) - Medium Desktop Size AND ABOVE! (992px) */
@media (min-width: 992px) {
#main-photo-box {
    background-image: url(../../assets/wigwam_motel-md.jpg);
    background-size: cover;
    max-height: 650px;
}      
    
.down-button {
    margin-top: 230px;
    margin-left: 475px;
}    
    
/* Featured Section Styles */

.history-header h2 {
    font-family: "proxima-nova", sans-serif;
    font-size: 4em;
    font-weight: 900;
    color: #444;
    padding: 30px 135px 8px 0px;
    margin-left: 135px;
    margin-top: 50px;
    border-bottom: 3px solid #B6542D;
    max-width: 575px;
}

.history-body-copy p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: 400;
    color: #444;
    margin-left: 36px;
    padding: 15px 100px 0px;
}
    
.lite-ivory-box {
    border-bottom: 2px dashed #B6542D;
}
    
.dark-ivory-box {
    border-top: 0px;
}


.history-photos {
    margin-left: 135px;
    padding: 10px 0;
    width: 680px;
}
    
#history-chicago-sign {
    width: 260px;
    padding: 30px 0;
    margin-left: 135px;
}

#history-road-signs {
    width: 410px;
    padding: 30px 0;
    margin-left: 90px;
}
    
.history-photos img {
    width: 890px;
}
 
} /***** END MD (Medium) */




/***** LG (Large) – Large Desktop AND BEYOND! (1200px) */
@media (min-width: 1200px) {
#main-photo-box {
    background-image: url(../../assets/wigwam_motel-lg.jpg);
    background-size: cover;
    min-height: 917px;
}
    
.down-button {
    margin-top: 275px;
    margin-left: 550px;
} 

    
/* Featured Section Styles */

.history-header h2 {
    font-family: "proxima-nova", sans-serif;
    font-size: 4em;
    font-weight: 900;
    color: #444;
    padding: 30px 135px 8px 0px;
    margin-left: 135px;
    margin-top: 50px;
    border-bottom: 3px solid #B6542D;
    max-width: 575px;
}

.history-body-copy p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.7em;
    line-height: 24px;
    font-weight: 400;
    color: #444;
    margin-left: 36px;
    padding: 15px 100px 0px;
}
.lite-ivory-box {
    border-bottom: 2px dashed #B6542D;
}
    
.dark-ivory-box {
    border-top: 0px;
}


.history-photos {
    margin-left: 135px;
    padding: 10px 0;
    width: 950px;
}
    
#history-chicago-sign {
    width: 340px;
    padding: 30px 0;
    margin-left: 135px;
}

#history-road-signs {
    width: 535px;
    padding: 30px 0;
    margin-left: 100px;
}
    
.history-photos img {
    width: 890px;
}


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