/* 08/08/19 */

/* #Media Queries
================================================== */

/* Height
================================================== */


@media only screen and (min-height: 1400px) and (max-height: 2000px) {
    #main-banner { height: 50vh }
}

@media only screen and (max-height: 750px) {
    #main-banner { height: 110vh;  }
    .logo { height: 50px !important; margin-bottom: 20px; }
    h1 { font-size:2em; }
    h2 { font-size:1.2em; }
    .button { padding:10px 20px; }
    .steps { padding-top: 60px; }
}

/* Width
================================================== */

/* Retina Images */
@media all and (-webkit-min-device-pixel-ratio: 2) {


}

@media only screen and (max-width: 1482px) {

}


/* Widescreens (devices and browsers) 1200px*/
  @media only screen and (min-width : 1224px) {


}

/* Specific Widescreen Only (devices and browsers) 1280px*/
  @media only screen and (max-width: 1280px) {
	  
 
}

/* .col-lg < 1200px*/
  @media only screen and (max-width: 1199px) {  
 
}

/* Tablet Landscape + (devices and browsers - main 960) 1024px*/
  @media only screen and (max-width: 1024px) {
	
}


/* Smaller than standard 960 (devices and browsers) 959px*/
   @media only screen and (max-width: 959px) {
	
}

/* .col-md < 992px*/
  @media only screen and (max-width: 991px) {
	.logo { height: 100px; margin-bottom: 20px; }
  	.game-logo { display: none; }
	.button { margin: 10px auto; }
	.steps { overflow: visible; }
	.steps h2, .steps h3 { text-align: center !important; }
	.steps .num { float: none;  margin: -50px auto 0 auto; width: 50px; height: 50px; font-size: 2.5em; line-height: 53px;  }
	#strip-container { max-width: 100%; }
	.payment-providers { margin: 20px 0; }
}

/* .col-sm < 768px*/
  @media only screen and (max-width: 767px) {
	
 
}


/* Tablet Portrait size to standard 960 (devices and browsers) 768px*/
   @media only screen and (min-width: 768px) and (max-width: 959px) {
	 
}

/* All Mobile Sizes (devices and browser) 480px */
  @media only screen and (max-width: 767px) {
	
}

/* .col- < 576px*/
  @media only screen and (max-width: 575px) {
	  .payment-providers { margin: 0; }
}


/* Mobile Landscape Size to Tablet Portrait - Nexus (devices and browsers)  480px*/
  @media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 320px */
  @media only screen and (max-width: 479px) {
	  .steps h2 { font-size: 1.5em; }	
	  .strip-container h1 { font-size: 2em }
	  .strip-container h2 { font-size: 1em }
	  section { padding-bottom: 0px; }
}

/* Devices
================================================== */

@media only screen and (device-width: 1024px) and (device-height: 768px) {
    #main-banner { height: 75vh;  }
}

@media only screen and (device-width: 800px) and (device-height: 1280px) {
    #main-banner { height: 50vh;  }
}

@media only screen and (device-width: 414px) and (device-height: 736px) {
    #main-banner { height: 75vh;  }
}

@media only screen and (device-width: 411px) and (device-height: 731px) {
    #main-banner { height: 75vh;  }
}

@media only screen and (device-width: 375px) and (device-height: 812px) {
    #main-banner { height: 70vh;  }
}

@media only screen and (device-width: 375px) and (device-height: 667px) {
    #main-banner { height: 72vh;  }
}

@media only screen and (device-width: 360px) and (device-height: 640px) {
    #main-banner { height: 70vh;  }
}

@media only screen and (device-width: 320px) and (device-height: 568px) {
    #main-banner { height: 75vh;  }
}

@media only screen and (device-width: 320px) and (device-height: 480px) {
    #main-banner { height: 80vh;  }
}