/*-----================================================ Main ================================================----- */

.main-pre {    
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #898989;
font-size: 26px;
line-height: 24px;
}

.mobile .main-pre {
font-size: 4vw;
line-height: 3.9vw;
}

.main-promo {    
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #C95100;
font-size: 26px;
line-height: 24px;
}

.mobile .main-promo {
font-size: 4vw;
line-height: 3.9vw;
}

.main-title {
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #555;
font-size: 38px;
line-height: 36px;
}

.mobile .main-title {
font-size: 4.8vw;
line-height: 4.5vw;
}

.main-sub {
font-family: helvetica, arial, sans-serif;
color: #555;
font-size: 15px;
line-height: 16px;
}

.mobile .main-sub {
font-size: 2vw;
line-height: 2.3vw;
}

.main-cta {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #C95100;
margin-top: 6.5px !important;
font-size: 15px;
line-height: 21px;
}

.mobile .main-cta {
margin-top: 3.5px !important;
font-size: 2.5vw;
font-size: 2.5vw;
}


/*-----================================================ Sub ================================================----- */    

.pre {
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #898989;
letter-spacing: .75px;
font-size: 15px;
line-height: 15px;
}

.mobile .pre {
letter-spacing: .25px;
font-size: 2.25vw;
line-height: 2.25vw;
}

.promo {
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #C95100;
font-size: 28px;
line-height: 26px;
border: none;
padding: 0;
}

.promo::before {
content: none;
border:none;
position: initial;
top: auto;
right: auto;
}

.mobile .promo {
font-size: 6.5vw;
line-height:6.2vw;
border: none;
padding: 0;
}

.title {
font-family: league-gothic, 'league gothic', sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
text-transform: uppercase;
color: #555;
font-size: 28px;
line-height: 26px;
}

.mobile .title {
font-size: 6.5vw;
line-height:6.2vw;
}

.sub {
font-family: helvetica, arial, sans-serif;
color: #555;
font-size: 14px;
line-height: 16px;
}

.mobile .sub {
font-size: 3.5vw;
line-height: 3.7vw;
}

.cta {
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
color: #C95100;
font-weight: bold;
margin-top: 7.5px !important;
font-size: 12px;
}

.mobile .cta {
margin-top: 8.5px !important;
font-size: 2.5vw;
font-size: 2.5vw;
}


/*-----================================================ Overrides ================================================----- */    

.white {color:#fff;}

.drop-shadow {text-shadow: 0px 0px 6px rgba(0, 0, 0, .7);}

sup {font-size: 50%;}
.mobile sup {vertical-align: middle !important;}

.gradient {
background: #fff;
background: -webkit-linear-gradient(#fff, #e7e7e7);
background: -moz-linear-gradient(#fff, #e7e7e7);
background: linear-gradient(#fff, #e7e7e7);
border: 1px solid #ccc;
overflow:hidden;
}