@charset "UTF-8";
/* CSS Document */


body { bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"}
img {width: 100%; height: auto;}

#block {max-width: 1650px; left:50%; margin-left: -825px; position: relative;}
#header {position:relative;  float: right; margin: 0 0 0 0; max-height:38px; width: 50%; z-index:10;}
#slack-btn {margin-right:1%; float: right; width: 25px;}
#facebook-btn {margin-right:1%; float: right; width: 25px;;}
#instagram-btn {margin-right:1%; float: right; width: 25px; }
#twitter-btn {margin-right:1%; float: right; width: 25px;}
#press-kit {margin-right:1%; float: right;}
#press-kit img { height: 30px; width:auto;}

#logo { max-width: 29.5%; padding: 0px; margin: 2.4% 0 0 4%; max-height: 43px;}
#main { padding: 0px 4%;}
#left { float: left;  padding: 4.7% 0 0 0; max-width: 47%;}
#middle { float: left;   padding: 0px; max-width: 5%; }
#phones { padding: 15px 3% 0px 3%; }
#right { float: right;  padding: 0; max-width: 47%;}
#coming-soon { font-family: 'Roboto Slab', serif; font-size: 24px; font-style: italic; text-align: center; text-transform: normal; padding: 0 0 10.8% 0; color: #b21f25;}

#message {text-align: center;}
.line1 { text-align: center; max-width: 798px; width:100%; }
.line2 {margin-top: 2%; text-align: center; max-width: 798px; width:100%; }
.symbol {margin: 4% 0%; text-align: center; max-width: 180px; width:18.6%; margin-left: 40%;}
.line3 { margin: 4% 3%; text-align: center; max-width: 798px; width:95%; }
.line4 { margin-top: 4%; text-align: center;  max-width: 536px; width:67.2%; margin-left: 16.4%;}

#form { margin: 15% 8% 0% 8%; width: 84%; }
#form-btm { width: 76%; padding: 0px 12%; position: relative; top: -90px;}
#form-btm2 { width: 34%; padding: 0px 25%; position: relative; top: -68px;}

#thankyou {margin: 4% 10% 4% 10%; width: 80%;}
#form2 {margin: 2% 10% 0 10%; width: 80%; }

#end-message { margin: 5% 0%  0% 0%; width: 100%; }
.end1 {float: left; max-width: 42.2%;}
.end2 {max-width: 13.8%;}
.end3 {float: right; max-width: 44%;}

.callouts {margin:0% 3%; max-width: 94%;}

#endline {max-width: 100%; max-height: 4px; float: left; top: -15px; position: relative; left: -75px;}
    #endline2 {visibility: hidden; padding:0px; margin: 0px; width: 0px; height: 0px;}
#footer { margin: 6% 0px 6% 0px;}
#copyright { margin: 0 0 50px 0; padding: 0%; font-family: 'open-sans', sans-serif; font-size: 14px; width: 100%; color: #666666; text-align:center; float:right; width: 50%; }
.prefinery { }
.footer-left { width:100%;}
.footer-right { width:100%;}

@media only screen and (max-width: 1920px) {
    #block {max-width: 75%; left:12.5%;  margin-left: 0px; position: relative;}
    #form { margin: 10% 8% 0% 8%; width: 84%; }
    #end-message {  }
    #form-btm { width: 80%; padding: 0px 10%; top: -80px; }
    #form-btm2 { padding: 0px 23.5%; }


}

@media only screen and (max-width: 1680px) {
    #block {max-width: 80%; left:10%;}
    #endline { top: -16px; width:70%;}
    #form-btm { top: -70px;}
    .callouts { margin:0% 5%; max-width: 90%; }
    #form-btm2 { padding: 0px 23%; }

}

@media only screen and (max-width: 1440px) {
    .line4 {margin-top: 3%;}
    #form-btm { top: -57px;}
    #end-message { margin: 0% 0%  0% 0%; width: 100%; }
    #form-btm2 { padding: 0px 21%; top: -62px; }    
}
 

@media only screen and (max-width: 1080px) {
    #block {max-width: 95%; left:2.5%;}
    #endline { top: -17px; width:70%;}
    #copyright { font-size: 12px; }
    #form-btm { top: -49px;}
    #form-btm2 { padding: 0px 17%; top: -52px; width: 45%;}
    #form { margin: 6% 8% 0% 8%; width: 84%; }
        #copyright { width:100%; margin-top:20px; }
            #slack-btn {margin-right:1%; float: right; width: 20px;}
    #facebook-btn {margin-right:1%; float: right; width: 20px;;}
    #instagram-btn {margin-right:1%; float: right; width: 20px; }
    #twitter-btn {margin-right:1%; float: right; width: 20px;}
    #press-kit img { height: 25px; width:auto;}


 }

@media only screen and (max-width: 800px) {
    #block {max-width: 90%; left:5%;}
    #endline { top: -17px; left: -50px; }
    #thankyou {margin: 4% 5%; width: 90%;}
    #form2 {margin: 2% 5%; width: 90%; }
    #copyright {font-size: 10px;}
    #coming-soon {font-size: 16px;}
    #form-btm { top: -39px;}
    #form-btm2 { padding: 0px 7%; top: -63px; width: 57%; }
    #slack-btn {margin-right:1%; float: right; width: 15px;}
    #facebook-btn {margin-right:1%; float: right; width: 15px;;}
    #instagram-btn {margin-right:1%; float: right; width: 15px; }
    #twitter-btn {margin-right:1%; float: right; width: 15px;}
    #press-kit img { height: 20px; width:auto;}
    

 }

@media only screen and (max-width: 600px) {
    #copyright {font-size: 10px; }
    #phones { padding: 9% 3% 0 3%; }
    #endline { top: -22px; left: -40px; }
    #form-btm { top: -28px;}
    #form-btm2 { top: -50px;}
    #form { margin: 5% 8% 0% 8%; width: 84%; }
    .callouts { top: -10px; position: relative;}
    @-moz-document url-prefix() { 
        #endline { top: -34px; left: -40px; } 
        .callouts { top: -20px; position: relative;}
    }
    
}

@media only screen and (max-width: 480px) {
    #right {float:left; max-width: 100%; padding: 0px;}
    #left {max-width: 60%; padding:0 20%;}
    #endline2 {visibility: visible; margin: 0px 5%; padding: 0px; top: -18px; position: relative; width: 90%;}
    #endline{visibility: hidden;}
    #slack-btn {margin-right:3.3%; float: right; width: 12.8%;}
    #facebook-btn {margin-right:3.3%; float: right; width: 13.4%;;}
    #instagram-btn {margin-right:3.3%; float: right; width: 15.6%; }
    #twitter-btn {margin-right:3.3%; float: right; width: 14.8%;}
    #press-kit {margin-right:4%; float: right; width: 12.4%;}
    #header {margin: 5% 0;}
    #logo { max-width: 40%; padding: 0px; margin: 0; max-height: 60px;}
    #copyright {font-size: 10px; width: 100%; margin: 0px; padding: 0px;}
    #footer {width: 100%; margin: 30px 0px 0px 0px; padding: 0px;}
    #thankyou {margin: 4% 0%; width: 100%;}
    #form2 {margin: 2% 0%; width: 100%; }
    #form-btm { top: -37px;}
    #form-btm2 { top: -45px;}

 }