html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.4;
  overflow-x: hidden;
}

*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}



::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

ul {
  margin:  0; 
  padding: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}


input {
  font-family: 'Dosis', sans-serif;
  background-color: rgba(0, 0, 0, 0);
  height: 43px;
  width: 93%;
  text-align: center;
  font-size: 25px;
  color: black;
}

input[type="text" i], input[type="tel" i], input[type="email" i] {
  margin: 10px !important;
  float: left;
  border: 1px white solid;
}


input::-webkit-input-placeholder {
  color: black !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input::-webkit-input-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input::-webkit-input-placeholder { font-size: 17px;}}

input:-moz-placeholder { /* Firefox 18- */
  color: black !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input:-moz-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input:-moz-placeholder { font-size: 17px;}}

input::-moz-placeholder {  /* Firefox 19+ */
  color: black !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input::-moz-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input::-moz-placeholder { font-size: 17px;}}

input:-ms-input-placeholder {  
  color:black !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input:-ms-input-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input:-ms-input-placeholder { font-size: 17px;}}

.cash-boxes_row {
  padding-left: 0;
  padding-right: 10%;
}
  @media only screen and (max-width:1500px) {.cash-boxes_row {padding-left: 5%; padding-right: 10%;}}


.cash-boxes_row input {
  height: 79px;
  min-width: 50px;
}
#cash_form {
  font-size: 30px;
}

.cash_section {text-align: center;}

input:focus {
border:black;
-webkit-box-shadow:4px 3px 2px grey;
box-shadow:4px 3px 2px grey;
}



.cash_headline {
  font-size: 48px;
  font-weight: 800;
  padding-left: 49px;
}
  @media only screen and (max-width:1950px) {.cash_headline {font-size: 40px;}}
  @media only screen and (max-width:1700px) {.cash_headline {font-size: 31px;}}
  @media only screen and (max-width:1050px) {.cash_headline {font-size: 24px;}}
  @media only screen and (max-width:800px) {.cash_headline {font-size: 24px; padding-left: 0;}}
  

.cash_game_1 {
  padding: 10px;
}

.cash-game_button {
  width: 90%;
}

.cash_disclaimer {
  padding-top: 5px;
  font-size: 17px;
}

a {
color: inherit;
text-decoration: none !important;
}


/* ==========================================================================
 Mobile Menu
  margin: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
r
/* ==========================================================================
 Custom styles
 ========================================================================== */

/*Layout | Responsiveness*/
[class*="col-"]{float: left; padding: 15px;}
.row::after {content: ""; clear: both; display: table;}
img{max-width: 100%; height: auto;}



body {
  
  font-family: 'Amatic SC', cursive;
  font-weight: 700;
  /* font-size: 85px; */
  text-align: center;
  overflow: hidden;
}

.header_section, .quote_section, .maps_section, .cash-game_section, .artist-month_section, .media-kit_section, .app_section, .section-career {
  padding-left: 15% !important;
  padding-right: 15% !important;
}

  @media only screen and (max-width:800px) {
      .header_section, .quote_section, .maps_section, .cash-game_section, .artist-month_section, .media-kit_section, .staff_section, .app_section, .section-career {       
          padding-left: 10% !important;
          padding-right: 10% !important;
      }
  }

@media only screen and (max-width:600px) {
  .maps_section {
      padding-left: 5% !important;
          padding-right: 5% !important;
  }}


.header_section {
  height: auto;
  padding: 0 20% 5% 20%;
  white-space: nowrap;
}
  
  @media only screen and (max-width:1550px) {.header_section {padding: 0 11% 0 11%;}}

.phone_header {
  font-size: 30px;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  text-align: left;
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}

  @media only screen and (max-width:1400px) {.phone_header {text-align: center;}}
/*    @media only screen and (max-width:800px) {.phone_header {font-size: 40px;}}
  @media only screen and (max-width:1930px) {.phone_header {font-size: 50px;}}*/

@media only screen and (max-width:800px) {.logo_container { padding:0;}}

.phone_img {
  width: 70px;
  vertical-align: middle;
  padding-bottom: 10px;
  padding-right: 14px;
}


.logo {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 60px;  
  left: 50%;
  width: 14vw;
  min-width: 162px;
  max-width: 290px;
  padding-top: 20px;
}

@media only screen and (max-width:1400px) {
  .logo { position: relative; -webkit-transform: translate(0,0); transform: translate(0,0); top:0; left:0;}
}

.logo_circle_container {
  padding-top: 150px;
  padding-left: 150px;
  padding-right: 150px;
}



@media only screen and (max-width:1700px) {.logo_circle_container{padding-left: 100px;}}
@media only screen and (max-width:1400px) {.logo_circle_container{padding:0;}}

.logo_circle_img {
width: 30vw;
min-width: 150px;
max-width: 150px;
}

.greyed_out {
  color: grey;
}


.quote_section {
  padding: 1% 20% 1% 20%;
}
.quote_headline {
  font-size: 65px;
}


.quote_headline span:hover {
color: white;  
}

  @media only screen and (max-width:1000px) {.quote_headline {font-size: 45px;}}
  @media only screen and (max-width:700px) {.quote_headline {font-size: 34px;}}
  @media only screen and (max-width:500px) {.quote_headline {font-size: 30px;}}

.quote_author {
  font-size: 20px;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  letter-spacing: 4.5px;
}

  @media only screen and (max-width:1000px) {.quote_author {font-size: 15px;}}

.maps_section {
  padding: 0 20% 0 20%;
}

.maps_menu {
padding: 0 10% 0 10%;
}

@media only screen and (max-width:1800px) {.maps_menu {padding: 0%;}}
.maps_menu_item {
font-weight:800;
font-size: 40px;
}

.maps_comp_img {
      min-width: 35px;
}

.maps_menu_item:hover {
  background-color: black;
  color: white;
  cursor: pointer;
}

.maps_container_img{
/* width: 100% !important; */
}

.maps_wrapper {
padding: 5% 5% 0% 4%;
}
 @media only screen and (max-width:800px) {.maps_wrapper {padding: 5% 5% 5% 5%;}}

.soon_btn_container {
  display:none;
padding: 0% 40% 2% 40%;
}

.soon_form_sub_btn {
width: 17vw !important;
max-width: 250px !important;
min-width: 187px !important;
}

.soon_form {
  display:none;
}

@media only screen and (max-width:1900px) {.soon_btn_container { padding: 0% 30% 2% 30%;}}
@media only screen and (max-width:600px) {.soon_btn_container { padding: 0% 19% 2% 19%;}}
.soon_btn {
font-family: 'Dosis', sans-serif;
font-weight: 500;
letter-spacing: 3px;
border: 2px white solid;
padding: 2% 15% 2% 15%;
    -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

@media only screen and (max-width:1900px) {.soon_btn { font-size: 16px;}}
@media only screen and (max-width:600px) {.soon_btn { font-size: 12px;}}



.soon_btn:hover {
background-color: black;
color: white;
cursor: pointer;
}

label {
font-size: 30px;
}

input[type=checkbox] {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  min-width: 20px !important;
}

.center_vert {
   -webkit-transform: translate(-150%, 50%);
   transform: translate(-150%, 50%);
 position: relative;
 top: 50%;  
 left: 50%;
  
}

.app_instructions {
  padding: 0 0% 0 0%;
}

@media only screen and (max-width:1500px) {.app_instructions { padding: 0 0% 0 0%;}}


.app_text_container {
  padding: 0 30% 0 30%;
  font-size: 30px;
  white-space: nowrap;
}
@media only screen and (max-width:1950px) {.app_text_container { padding: 0 20% 0 20%;}}
 @media only screen and (max-width:1600px) {.app_text_container { padding: 0 15% 0 15%;}}
 @media only screen and (max-width:1400px) {.app_text_container { padding: 0 25% 0 25%;}}
@media only screen and (max-width:600px) {.app_text_container { padding: 0 15% 0 15%;}}
@media only screen and (max-width:500px) {.app_text_container { padding: 0 5% 0 5%; }}
@media only screen and (max-width:430px) {.app_text_container { padding: 0 0% 0 0%; }}

.hire_text_container {
  padding: 0 10% 0 10%;
  font-size: 30px;
  
}



.app_text {

}
@media only screen and (max-width:1900px) {.app_text { font-size: 29px;}}
@media only screen and (max-width:600px) {.app_text { font-size: 24px;}}



.app_img {
  width: 1.9vw;
  min-width: 45px;
}


.get_app_container {
  padding-left: 60px;
}

.app_images {
padding: 0 30% 0 30%;
}
 @media only screen and (max-width:2000px) {.app_images { padding: 0 20% 0 20%;}}
@media only screen and (max-width:1500px) {.app_images { padding: 0 20% 0 20%;}}
@media only screen and (max-width:1300px) {.app_images { padding: 0 10% 0 10%;}}

.app_download_img {
width: 20vw;
min-width: 180px;
}

@media only screen and (max-width:600px) {.app_download_img {margin-left: -50px !important }}

.mailing_section {
      padding-top: 63px;
      padding-left: 4.5%;
      padding-right: 4.5%;
}
.mailing_headline {
  font-weight: 700;
  font-size: 55px;
}

  @media only screen and (max-width:800px) {.mailing_headline {font-size: 40px;}}

.maps_container {
  border: 1px solid black;
  height: auto;
  width: auto;
}


.maps_selector_container {
  display:none;
float:right;
  cursor:pointer;
}



.maps_selector_img {
  max-width: 80px;
  width: 8vw;
  min-width: 45px;
}

.map-818 {
  padding-top: 8%;
}

.tl_maps {
  max-width: 606px;
  width: 27vw;
  min-width: 300px;
}

.cal_img {  
}

@media only screen and (max-width:1550px) {.cal_img {width: 200px;}}


  @media only screen and (max-width:1400px) {.tl_maps {width: 37vw;}}
  
.clock_container {
  
  border: 1px black solid;
}

.color_month {
  background-color: black;
  color: white !important;
}


.deadline_header {
  font-size: 30px;
  padding-top:30px;
}

.deadline_content {
  padding-bottom: 10px;
}


.or-spacer {
  position: relative;
  padding: 50px 0 50px 0;
  width: 50%;
  margin: 0 auto;
  width: 70vw;
  min-width: 330px;
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.or-spacer .mask {
overflow: hidden;
height: 20px;
}
.or-spacer .mask:after {
content: '';
display: block;
margin: -25px auto 0;
width: 100%;
height: 25px;
border-radius: 125px / 12px;
-webkit-box-shadow: 0px 0px 8px black;
box-shadow: 0px 0px 8px black;
}

.sec_headline {
  font-size: 50px;
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 20px;
}

  @media only screen and (max-width:1200px) {.sec_headline {font-size: 40px;}}
  @media only screen and (max-width:920px) {.sec_headline {font-size: 36px;}} 
  @media only screen and (max-width:800px) {.sec_headline {font-size: 30px;}}
  
.artist-month_mid {
position: relative;
  height: 100px;   
}

.artsit_winner {
  padding-top: 5%;
  width: 9vw;
  min-width: 145px;
  max-width: 230px;
}
  

.artist_winner_content {
  font-size: 26px;
}

.winner_image {
  width: 400px;
  background-color: #fffcfc9e;
}
  @media only screen and (max-width:800px) {.winner_image {display:none;}}
.yesorno {
  font-family: 'Dosis', sans-serif;
  font-size: 35px;
  font-weight: 100;
}
  @media only screen and (max-width:1570px) {.yesorno {display:none;}}



.yesorno_ind {
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 position: absolute;
 
 left: 47%;
  
  z-index:9;
 display: block;
  width: 100px;
  height: 20px;
background-image: url(../img/yesno_ind.png);
  background-repeat: no-repeat;
  background-size: contain;

}

.yesorno_1, .yesorno_2 {
  display:inline;
}
.yesorno_row {
  padding-bottom: 10px;
}

.underline {
  border: 9px solid;    
  margin-top: -10px;
  padding-left: 5px;
  padding-right: 5px;
  -o-border-image: url(../img/yesno_ind.png) 9 0 10 0;
  border-image: url(../img/yesno_ind.png) 9 0 10 0;
  border-top:   0;
  border-left:  0;
  border-right: 0;
}

#clock {
font-size: 60px;
}

  @media only screen and (max-width:800px) {#clock {font-size: 30px;}}
  @media only screen and (max-width:1680px) {#clock {font-size: 50px;}}

#cal_month_select {
  color: #cd930b;
}
.cal_months {
  
  font-size: 25px;
  font-weight: 700;
  padding: 0 15% 0 15%;
}

.cal_row {
  width: 100%;
  display: -webkit-box;
}
.cal_col {
  width: 25%;
  cursor: pointer;
}

.cal_col_selected {
  border: 1px black solid;
}

.cash-game_section {
  text-align: left;
  padding: 0 20% 0 20%;
}

  @media only screen and (max-width:1400px) {.cash-game_section {text-align: center;}}

.cash-game_btn_container {
  padding: 0 20% 0 20%;
}

.next-month_item_container {
  position: relative;
}

.next-month_item {
  /* position: absolute; */
  /* left: 64%; */
  /* top: -7vh; */
  width: 10vw;
  max-width: 236px;
  min-width: 100px;
  z-index: 1;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width:2050px) {.next-month_item {z-index: -2}}
@media only screen and (max-width:1700px) {.next-month_item {top: 10vh;}}
@media only screen and (max-width:1400px) {.next-month_item {position: static;}}

.next-month_headline {
  font-size: 45px;
  padding-left: 20px;
  text-align: center;
}
  @media only screen and (max-width:500px) {.next-month_headline  {font-size: 27px;}}

.next-month_content {
  font-size: 23px;
  padding: 0 10% 10px 0px;
  font-family: 'Dosis', sans-serif;
  font-weight: 100;
  text-align: center;
}

  @media only screen and (max-width:1400px) {.next-month_content {padding:10px 0 20px 0;}}


.next-month_submit {
padding-top: 10px;
font-size: 20px;
text-align: center;
}


.rules_btn {
  font-family: 'Dosis', sans-serif;
  font-weight: 500;
  font-size: 18px;
  border: 4px black solid;
  /* padding-left: 14px; */
  width: 77%;
  padding: 5px 0 5px 16px;
  letter-spacing: 4px;
  margin: 0 auto;
  text-decoration:none;
  text-align: center;
  display: block;
}

  @media only screen and (max-width:1400px) {.rules_btn {width: inherit}}
  @media only screen and (max-width:500px) {.rules_btn {font-size: 15px}}

.rules_btn:hover {
  background-color: black;
  color: white;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

.rules_btn_container {
  margin: 0 auto;
  display: block;
}

.cash_section {
  border: 1px solid black;
}

.cash_found_text {
padding-top: 30px;
white-space:nowrap;
}

@media only screen and (max-width:1560px) {.cash_found_text { font-size: 25px;}}
@media only screen and (max-width:950px) {.cash_found_text { font-size: 23px;}}
@media only screen and (max-width:900px) {.cash_found_text { font-size: 21px;}}
@media only screen and (max-width:800px) {.cash_found_text { font-size: 30px;}}
@media only screen and (max-width:560px) {.cash_found_text { font-size: 28px;}}

.artist-month_section {
  padding: 0 20% 0 20%;
}

.tl_bold {
  font-weight: 300;
  font-family: fantasy;
}

.media-kit_headline, .main_headline {
/* font-family: 'Dosis', sans-serif; */
font-weight: 800;
font-size: 55px;
padding-bottom: 20px;
}
  @media only screen and (max-width:900px) {.main_headline {font-size: 31px;}}
  @media only screen and (max-width:650px) {.main_headline {font-size: 20px;}}
  
.media-kit_section {
  padding: 0 20% 0 20%;
}
  @media only screen and (max-width:900px) {.media-kit_section {padding:0 !important;}}
  

#media_form, #soon_form {
  padding: 0 15% 0 15%;
}
  @media only screen and (max-width:1400px) {#media_form, #soon_form {padding:0 !important;}}

input[type=submit] {
  background-color: black;
  color: white;
  border:none;
}

#media_form input, #soon_form input {
  min-width: 219px;
}

input[type=submit]:hover {
  background-color: #4c4444 !important;
  color: white;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.media-kit_section input[type=submit] {
  width: 46vw;
  min-width: 191px;
  max-width: 324px;
  background-color: black;
}

.staff_section {
  padding: 0 25% 10% 25%;
}

.footer_section {
  background-image: url(../img/footer_v5.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 35vh;
  margin-top: 40px;
  width: 100vw;
}

.footer_content {
  background-color: #000;
  height: inherit;
  padding: 0 10% 0 10%;
}

.vert_center {
 -webkit-transform: translate(0%, 50%);
 transform: translate(0%, 50%);
 top: 50%;  
}

.logo_white {
  padding-bottom: 15px;
}

.address_footer {
color: white;
font-size: 24px;
font-weight:100;
}

.footer_headline {
  color: white;
  font-size: 40px;
}

textarea {
  width: 50%;
  background-color: #6f6f6f !important;
}

textarea::-webkit-input-placeholder {  color: white;}


.footer_headline {
  color: white;
  font-size: 40px;
}

#footer_form {
  padding-bottom: 100px;
}

#footer_form .foot_form_field {
background-color: rgba( 0, 0, 0, 0);
color: white;

text-align:center;
font-family: 'Dosis', sans-serif;
font-weight: 100;
max-width: 1500px;
float:none;

}

textarea {
  text-align: left !important;
  min-width: 238px !important;
}

.foot_form_btn {
  border: 1px white solid !important;
  max-width: 200px;
  float:none;
}



/* Back to top */

.back-to-top {
  background: none;
  cursor: pointer;
  margin: 0;
  position: fixed;
  bottom: 30%;
  right: 2%;
  width: 70px;
  height: 70px;
  z-index: 100;
  display: none;
  text-decoration: none;
  color: #ffffff;
}

.back-to-top i {
font-size: 60px;
}

@media only screen and (max-width:1500px) {.back-to-top { 
  bottom: 1%;
  right: 1%;
  width: 50px;
  }}



#footer_form input::-webkit-input-placeholder {
  color: white !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input::-webkit-input-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input::-webkit-input-placeholder { font-size: 17px;}}

#footer_form input:-moz-placeholder { /* Firefox 18- */
  color: white !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input:-moz-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input:-moz-placeholder { font-size: 17px;}}

#footer_form input::-moz-placeholder {  /* Firefox 19+ */
  color: white !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input::-moz-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input::-moz-placeholder { font-size: 17px;}}

#footer_form input:-ms-input-placeholder {  
  color:white !important;
  font-weight: 400;
  letter-spacing: 5px;
}
  @media only screen and (max-width:1500px) {input:-ms-input-placeholder { font-size: 22px;}}
  @media only screen and (max-width:1000px) {input:-ms-input-placeholder { font-size: 17px;}}






#desktop_menu {
  position: relative;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  font-family: 'Dosis', sans-serif;
  font-weight: 100;
}

#desktop_menu li {
  display: inline;
  list-style-type: none;
  font-size: 21px;
}

/*    @media only screen and (max-width:1930px) {#desktop_menu li {font-size: 25px;}}
@media only screen and (max-width:1640px) {#desktop_menu li {font-size: 23px;}}*/


#desktop_menu li:not(:first-child):before {
  content: " \007C\00a0\00a0";
  font-weight: 300;
  font-family: fantasy;
}





/* ==========================================================================
 Helper classes
 ========================================================================== */

@media only screen and (min-width: 800px) {
.only-mobile { display: none !important; }}

@media only screen and (max-width: 799px) {
.only-desktop { display: none !important; }}


.hidden {display: none !important; visibility: hidden;}

.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

.invisible {visibility: hidden;}

.clearfix:before, .clearfix:after { content: " "; display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.no-drag {user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none;}

.centertxt { text-align: center;}

select.error, textarea.error, input.error {
  border-color:#dc1717;
}

select.valid, textarea.valid, input.valid {
  border-color:#0c900c;
}



/* ==========================================================================
 Print styles
 ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
      background: transparent !important;
      color: #000 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }

  a,
  a:visited {
      text-decoration: underline;
  }

  a[href]:after {
      content: " (" attr(href) ")";
  }

  abbr[title]:after {
      content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
      content: "";
  }

  pre,
  blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
  }

  thead {
      display: table-header-group;
  }

  tr,
  img {
      page-break-inside: avoid;
  }

  img {
      max-width: 100% !important;
  }

  p,
  h2,
  h3 {
      orphans: 3;
      widows: 3;
  }

  h2,
  h3 {
      page-break-after: avoid;
  }
}



.iphone_container {
padding-top: 100px;
  position: relative;
  left: 150px;
}

@media only screen and (max-width:1400px) {.iphone_container {padding-right: 200px;}}
@media only screen and (max-width:1000px) {.iphone_container {display:none;}}


@media only screen and (max-width:1550px) {.app_section {padding:0 3% 0 3% !important; }}

.iphone_img {
  position: relative;
  z-index: 12;
  width: 42%;
  min-width: 220px;
  max-width: 300px;
}

@media only screen and (max-width:1400px) {.iphone_cover_img {margin-left: -9.5vw;}}
@media only screen and (max-width:1000px) {.iphone_img {min-width: 100px;}}

.iphone_cover_img {
  position: relative;
  z-index: 11;
  right: 10.6vw;
  bottom: 2.8vw;
  width: 34%;
  min-width: 167px;
  max-width: 243px;
}


@media only screen and (max-width:1800px) {.iphone_cover_img { left: -200px; top: -65px;}}
@media only screen and (max-width:1550px) {.iphone_cover_img { left: -210px; top: -65px;}}
@media only screen and (max-width:1450px) {.iphone_cover_img { left: -202px; top: -57px;}}
@media only screen and (max-width:1400px) {.iphone_cover_img {min-width: 177px; left: -155px; top: -75px;}}
@media only screen and (max-width:1100px) {.iphone_cover_img {min-width: 177px; left: -175px; top: -75px;}}

.iphone_cover_img_hidden {
  display:none;
}




























.glass {
width: 75px;
height: 75px;
position: absolute;

cursor:pointer, auto;



/* hide the glass by default */
display: none;
}








/* Mobile Menu */

@media only screen and (min-width:1550px) {#mobile_menu {display:none;}  #desktop_menu {display:block;}}
@media only screen and (max-width:1549px) {#mobile_menu {display:block;} #desktop_menu {display:none;}}
*
nav input {
display: none;
}
nav label {
position: absolute;
top: 50px;
right: 10px;
top: 10px;
z-index: 999;
cursor: pointer;
}
nav label strong {
padding: 0 10px;
width: 40px;
height: 40px;
line-height: 40px!important;
font: 700 14px Lato, helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
position: absolute;
right: 40px;
top: 0px;
-webkit-transition: color 250ms ease;
transition: color 250ms ease;
}
nav label b {
width: 40px;
height: 40px;
display: block;
position: relative;
right: 0;
top: 0;
cursor: pointer;
-webkit-transition: background 500ms ease;
transition: background 500ms ease;
}
nav label b i {
display: block;
background: #000;
width: 24px;
height: 4px;
position: absolute;
left: 8px;
top: 11px;
border-radius: 1000px;
-webkit-transform-origin: 20px 4px;
transform-origin: 20px 4px;
-webkit-transition: opacity 500ms ease, -webkit-transform 300ms cubic-bezier(0.09, 0.92, 0, 1.435);
transition: opacity 500ms ease, -webkit-transform 300ms cubic-bezier(0.09, 0.92, 0, 1.435);
transition: transform 300ms cubic-bezier(0.09, 0.92, 0, 1.435), opacity 500ms ease;
transition: transform 300ms cubic-bezier(0.09, 0.92, 0, 1.435), opacity 500ms ease, -webkit-transform 300ms cubic-bezier(0.09, 0.92, 0, 1.435);
}
nav label b i:nth-child(2) {
top: 18px;
}
nav label b i:nth-child(3) {
-webkit-transform-origin: 26px 4px;
transform-origin: 26px 4px;
top: 25px;
}
nav menu {
  background: #484b4b;
  width: 100vw;
  height: 100%;
  left: 0px;
  padding: 0;
  opacity: 0;
  overflow: auto;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: fixed;
  z-index: 998;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
  /* opacity: 0.4 !important; */
  margin: 0;
}
nav menu li {
margin: 0;
list-style: none;
width: 100%;
}
nav menu li:first-child {
margin-top: 60px;
}
nav menu li:first-child a {
border-top: rgba(255, 255, 255, 0.2) 1px solid;
}
nav menu li a {
padding: 20px 0;
font: 100 18px Lato, helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #fff;
display: block;
border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
}
nav menu li a:hover {
background: rgba(0, 0, 0, 0.1);
}
nav #nav:checked ~ label strong {
color: rgba(255, 255, 255, 0.25);
visibility: visible;
opacity: 1;
}
nav #nav:checked ~ label b {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
  visibility: visible;
  opacity: 1;
}
nav #nav:checked ~ label b i:nth-child(1) {
-webkit-transform: rotate(45deg) translate(6px, 11px);
transform: rotate(45deg) translate(6px, 11px);
  visibility: visible;
  opacity: 1;
  
}
nav #nav:checked ~ label b i:nth-child(2) {
opacity: 0;
visibility: visible;

}
nav #nav:checked ~ label b i:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(10px, -14px);
transform: rotate(-45deg) translate(10px, -14px);
  visibility: visible;
opacity: 1;
}
nav #nav:checked ~ menu {
opacity: 1;
  visibility: visible;
opacity: 1;
}


/* #END# Mobile Menu */


/*Rules & Regulations Page */
.rules_page {
  text-align: left;
  padding: 0 20% 0 20%;
  font-family: 'Dosis', sans-serif;
  font-weight: 100;
}

/*#END# Rules & Regulations Page */

/*Card Flip Effect */

/* entire container, keeps perspective */
.flip-container {
-webkit-perspective: 1000px;
perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container, .front, .back {
  width: 10vw;
  max-width: 320px;
  height: 12vw;
  max-height: 304px;
}

/* flip speed goes here */
.flipper {
-webkit-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;

position: relative;
}

/* hide back of pane during swap */
.front, .back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

position: absolute;
top: 0;
left: 0;
}

/* front pane, placed above back */
.front {
z-index: 2;
/* for firefox 31 */
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/*#END# Card Flip Effect */

.dosis {
      font-family: 'Dosis', sans-serif;
}

.section-career {
  
}

/* Font Sizes */

@media only screen and (max-width: 1200px) {
  h1 {font-size: 30px; line-height: 38px; }
  h2 {font-size: 23px; line-height: 29px;}
  h3 {font-size: 20px; line-height: 19px;}
  h4 {font-size: 19px; line-height: 22px;}
  h5 {font-size: 15px; line-height: 19px;}
  h6 {font-size: 13px; line-height: 19px;}
}
@media only screen and (max-width: 768px) {
  h1 {font-size: 26px; line-height: 34px;}
  h2 {font-size: 20px; line-height: 26px;}
  h3 {font-size: 18px; line-height: 20px;}
  h4 {font-size: 17px; line-height: 20px;}
  h5 {font-size: 14px; line-height: 19px;}
  h6 {font-size: 13px; line-height: 19px;}
  p  {font-size: 13px; line-height: 19px;}
}
@media only screen and (max-width: 480px) {
  h1 {font-size: 21px; line-height: 27px;}
  h2 {font-size: 16px; line-height: 20px;}
  h3 {font-size: 14px; line-height: 23px;}
  h4 {font-size: 13px; line-height: 19px;}
  h5 {font-size: 13px; line-height: 19px;}
  h6 {font-size: 13px; line-height: 19px;}
}

.fw-100{ font-weight:100}.fw-200{ font-weight:200}.fw-300{ font-weight:300}.fw-400{ font-weight:400}.fw-500{ font-weight:500}.fw-600{ font-weight:600}.fw-700{ font-weight:700}.fw-800{ font-weight:800}.fw-900{ font-weight:900}.m-0-auto{margin:0 auto;}

.career-apply-btn {
color: white;
font-weight: 300;
background-color: black;
width: 150px;
padding: 4px;
margin: 0 auto;
}

.border-thin {
  border: 1px black solid;
  padding: 5px;
}

/* Modal */

section.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}
section.modalWindow {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  z-index: 999 !important;
  width: 600px;
  min-height: 200px;
  margin-left: -300px;
  background: inherit;
  cursor: default;
}
section.modal.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 997;
  cursor: pointer;
}
section.modalWindow section.modalWrapper {
  border: 1px solid #DADADA;
  padding: 25px;
  text-align: left;
  line-height: 20px !important;
  height: inherit;
}
.closeBtn {
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}

.text-center {
  text-align: center;
}

.font-dosis {
  font-family: 'Dosis', sans-serif;
}

.pad-0 {
  padding:0;
  
}

input[type=checkbox] {
width: auto;
margin-right: 10px;
vertical-align: middle;
}

.pt-10 {
      padding-top: 10px;
}

.mar-15 {
  margin: 15px;
}

.mar-neg-60 {
      margin-top: -60px;
}

.file-upload-cont {
  height: 140px;
  border: 2px dashed;
  margin-bottom: 20px;
  cursor: pointer;
}

.social_row {
position: relative;
display: block;
margin: 0 auto;
width: 100%;

}

.social_link {
color: white;
position: relative;
display: block;
margin: 0 auto;

}

.calendar-container {
position: relative;
}

.short-month {
position: absolute;
top: 16%;
left: 50%;
transform: translate(-50%, 0%);
font-size: 55px;
font-weight: 600;

}

.calendar-date {
  position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, 0%);
font-size: 85px;
font-weight: 600;
}