/* Custom CSS
------------------------------------------------------------ */


/* Custom Responsive CSS
------------------------------------------------------------ */
@media only screen and (max-width: 1140px) {
.title-area {
height: 100%;
}
}

@media only screen and (min-width: 840px) and (max-width: 1140px) {
.site-header {min-height: 140px;}
p.site-description {float: none; margin-top: 0px;}
.title-area {
height: 100%;
}
}

@media only screen and (min-width: 480px) and (max-width: 1140px) {

}

@media only screen and (max-width: 839px) {
.site-header {min-height: 120px;}
p.site-title {font-size: 4.8rem;}
p.site-description {float: none; margin-top: 0px; font-size: 2rem;}
}

@media only screen and (min-width: 480px) and (max-width: 839px) {

}

@media only screen and (max-width: 479px) {
.site-header {min-height: 75px;}
p.site-title {font-size: 3.6rem;}
p.site-description {float: none; margin-top: 0px; font-size: 2rem;}
}