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

body, html {
height: 100%;
width: 100%;
overflow: visible;
background-color: #000000;
}

.noShow {
display:none;
}

.container {
width:100%;
margin:0 auto;
/*min-height:100%;*/
padding: 0 25px;
position:relative;
color: #ffffff;
font-family: neuzeit-grotesk, helvetica, sans-serif;
}

.tagline {
font-weight: 600 !important;
position: relative;
margin-top: 35%;
}

.rightFloat {
float: right;
}

.footerBody {
width: 100%;
padding-top: 5px;
background-color: #121212;
border-top: #cccccc 2px solid;
}

.footerBase {
width: 100%;
height: 50px;
padding-top: 0;
padding-bottom: 0;
margin-bottom:0;
background-color: #121212;
}

.footerBase a {
color: #999999;
font-weight: bold;
}

.footer2 {
font-size: .8em;
color: #444444 !important;
padding-top: 12px !important;
}

.footer2 img {
margin: 0 5px;
}

.footerDetail {
font-size: .75em;
}

.footerLogo {
display: block;
width: 250px;
}

.footerSocial {
display: inline-block;
width: 20px;
}

.bumpDown {
margin-top: 40px;
}

.clear {
clear: both;
}

/* ABOVE THE FOLD
*/

.aboveTheFold {
width: 100%;
padding-top: 25px;
height: 95%;
/*
-webkit-filter: drop-shadow(0 0 10px #666666);
*/
}

.homeATF {
background-color: #010101;
}

.homeATF p {
margin-top: 33%;
margin-left: 33%;
color: #000000;
}

.homeATF .mu {
font-weight: bold;
color: #444444 !important;
}


/*
background-image: linear-gradient(to bottom, #dddddd 0%, #dddddd 70%, #000000 30%, #000000 0%);
background-size: cover;
background-repeat: no-repeat;
*/




/* ID's
*/

/* SCALING
*/

/* XL Screens */

@media screen and (min-width: 1500px) {
	

.tagLine {
font-size: 7em !important;
font-weight: 600 !important;
margin-top: 20% !important;
line-height: .8em !important;
}

	
}

/* Regular Computer Screen */

@media screen and (min-width: 1100px) and (max-width:1499px) {
	
.tagLine {
font-size: 6.6em !important;
font-weight: 600 !important;
margin-top: 15% !important;
line-height: .8em !important;
}

	
}

/* Regular iPad / Tablet */

@media screen and (min-width: 800px) and (max-width:1099px) {

	
}
/*
@media screen and (min-width: 600px) and (max-width:799px){

#esLogo {
padding-top:0 !important;
background-size: 70% !important;
}
	
.tagLine {
font-size: 3em !important;
margin-top: 15% !important;
font-weight: 600 !important;
line-height: .8em !important;
}

.navigationMain {
float: right;
list-style: none;
}

.navigationMain li {
display: inline;
padding: 0;
}

.navigationMain a {
color: #ffffff;
font-size: .7em !important;
margin-left: .7em;
font-weight: 600;
padding: 0;
}

.atfHeading h3 {
font-size: 3em !important;
margin-top: -10px;
}

.atfHeading p {
font-size: .8em !important;
}

.farmsATF {
background-position: 60% 20% !important;
background-size: 150%;
}

} 
*/
@media screen and (min-width: 0px) and (max-width:736px) and (orientation: landscape) {

.container {
width:95% !important;
margin:0 auto;
padding:0px !important;
position:relative;
color: #ffffff;
font-family: neuzeit-grotesk, helvetica, sans-serif;
}

.homeATF {
background-color: #010101;
}


.aboveTheFold {
min-height: 80% !important;
}

.footerBase {
width: 100%;
height: 20% !important;
padding-top: 0;
padding-bottom: 0;
margin-bottom:0;
background-color: #121212;
}

.footer {	
font-size: .8em;
color: #444444;
}
	
.footer2 {
font-size: .8em;
margin: 1px auto !important;
}

.footer2 p {
margin: 0 auto !important;
text-align: center !important;
}

.rightFloat {
float: none !important;
}

.footerBody img {
padding-top: 5% !important;
}

}


@media screen and (min-width: 766px) and (orientation: portrait)  {

.aboveTheFold {
width: 100%;
height: 94% !important;
}

.homeATF {
background-color: #010101;
}

.footerBase {
width: 100%;
height: 6% !important;
padding-top: 20px;
padding-bottom: 0;
margin-bottom:0;
background-color: #121212;
}

.footer {	
font-size: .8em;
color: #444444;
}
	
.footer2 {
font-size: .8em;
margin: 2px auto !important;
padding: 0 0 0 5% !important;
}

.footer2 p {
margin: 0 auto !important;
text-align: center !important;
}


}

/*
@media screen and (min-width: 766px) and (max-width: 899px) and (orientation: portrait)  {
	


}
*/

@media (min-width:0px) and (max-width: 765px) and (orientation: portrait) {
	
.container {
width:100%;
margin:0 auto;
padding:0;
position:relative;
color: #ffffff;
font-family: neuzeit-grotesk, helvetica, sans-serif;
}

.aboveTheFold {
width: 100%;
height: 90% !important;
}

.homeATF {
background-color: #010101;
}

.footerBase {
width: 100%;
height: 10% !important;
padding-top: 15px;
padding-bottom: 0;
margin-bottom:0;
background-color: #121212;
}

.footer {	
font-size: .8em;
color: #444444;
}
	
.footer2 {
font-size: .8em;
margin: 1px auto !important;
padding: 0 !important;
}

.footer2 p {
margin: 0 auto !important;
text-align: center !important;
}

.rightFloat {
float: none !important;
}

.footerBody img {
padding-top: 5% !important;
}

}


/* MODAL AGE VERIFICATION WINDOW
*/

.modal-content {
font-family:  neuzeit-grotesk, helvetica, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.75);
color: #ffffff;
}

.modal-header {
border-bottom: 1px solid #666666 !important;
}

.modal-title {
font-size: 2em;
font-weight: 600;
color: #ffffff;
}

@media screen and (max-width:450px){
.modal-title {
font-size: 1.5em !important;
}
}

.modal button {
border: 2px solid #666666 !important;
font-size: 1.5em;
font-weight: 600;
padding: 5px 20px;
color: #ffffff;
}

.modal button:hover {
border: 2px solid #ffffff !important;
background: #ffffff !important;
color: #000000;
}

.modal-body {
padding-top: 5%;
}

.modal-footer {
border-top: 1px solid #666666 !important;
}