@charset "utf-8";
/* G5 Design CSS Document */

body {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.42857143;
    color: #b4b4b4;
    background-color: #000;
	
}
h1, h2, h3, h4, h5 {text-transform: uppercase;}
h1 {margin:25px 0;}
a {color:#ea620d;}
a:hover {color:#fea526;}

/******************** Hero Image ***************************/
.hero {
    /* Sizing */
    width: 100vw;
    height: 100vh;

 /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    color: white; 
    
    /* Background styles */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("../images/hero.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.hero h1,
.hero h2,
.hero h3{ text-align: center;}
.hero h1 {
    /* Text styles */
    font-size: 3em;
    font-weight: 300;
    /* Margins */
    margin-top: 25px;
    margin-bottom: 0.5em;
    color: white; 
   
    font-weight:900;
}
.hero img {max-width: 100%; height:auto;}
.hero h3 {margin:0 0 20px; color:#fff; font-weight:400;}

@media (max-width:767px) {
    .hero {background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("../images/hero-lo.jpg");
    
    }
    .hero h1 { font-size: 2.5em; margin-top:60px;} 
    .hero h3 {padding-left:15px; padding-right:15px;}
}
.su-form {margin-left:16.66666%;}

label {font-size:14px; margin-right:10px;}
input#mce-EMAIL.required.email{background-color: #454545; color:#ededed; padding:3px 10px; border:none; width:400px;}
.btn.btn-default{background-color:#ea620d;border-radius: 3px; color:#fff; font-weight:600; text-transform: uppercase; border:none;}
.btn.btn-default:hover{background-color:#fea526; color:#121215;}
.mc-field-group{margin:0 auto;}
@media (max-width:767px){
    .su-form{margin-left:0;}
    {width:250px;}

}
/***************************** footer ****************************************/
footer {padding-top: 20px; background-color:#000; color:#898989; font-size:14px;}
.copyright{text-align: center; padding:15px 0;}
/***************************** Margins and Padding ***************************/
.block {display:block;}
.top25 {margin-top:25px!important;}
.bottom25 {margin-bottom:25px!important;}
.top50 {margin-top:50px!important;}
.top150 {margin-top:150px!important;}
.bottom50 {margin-bottom:50px!important;}
.ml-0    {margin-left:0!important;}
.mr-0    {margin-right:0!important;}
.mt-0    {margin-top: 0!important;}
.mb-0    {margin-bottom: 0!important;}
.marg-0 {margin:0!important;}
