@charset "utf-8";

@media only screen and (min-device-width : 1601px) and (orientation: landscape)  {
	.video-container {
    	max-width: 100%; /* Set a pixel value instead if no parent container*/
height: 100vh;
	}
}
	
/* Mac Book */
@media only screen and (max-device-width : 1600px)  {

	.btn2 {font-size:20px; left:4rem;}

}


/* Mac Book */
@media only screen and (max-device-width : 1470px)  {

	.btn2 {font-size:20px; left:4rem;}

}

	
/* Mac Book */
@media only screen and (max-device-width : 1280px) and (orientation: landscape)  {

	.btn2 {font-size:20px; left:4rem;}

}

@media only screen and (max-device-width : 912px) and (max-device-height : 1368px) and (orientation: portrait) {

}
@media only screen and (max-device-height : 912px) and (max-device-width : 1368px) and (orientation: landscape) {

}
@media only screen and (max-device-width : 1366px)and (max-device-height : 1024px) and (orientation: landscape) {

	.btn2 {font-size:20px; left:4rem; }

}
@media only screen and (max-device-height : 1366px)and (max-device-width : 1024px) and (orientation: portrait) {

	.btn2 {font-size:40px; left:4rem; top: 0vh;}

}
 
/* Ipad Pro */
@media only screen and (max-device-width : 1024px) and (orientation: portrait) {

	.btn2 {font-size:20px; left:4rem;}

}

/* Surface Pro 7 */
@media only screen and (max-device-width : 912px)  {
	
	.btn2 {font-size:20px; left:4rem;}

}

/* iPad Air */
@media only screen and (max-device-width : 820px)  and (orientation: portrait) {

	.btn2 {font-size:40px; left:4rem;}
}

/* iPad mini */
@media only screen and (max-device-width : 768px)  {

	.btn2 {font-size:20px; left:1rem; }

}

/* Surface Duo */
@media only screen and (max-device-width : 721px) and (orientation: portrait)  {
	.btn2 {font-size:20px; top:0rem;}
    .ctatop h1 {font-size: 1.3rem; font-weight: 900; color: #fff;}

}

/* Ihone 14 Pro portrait & landscape */
@media only screen and (max-device-width : 430px) {

	.btn2 {font-size:20px; top:0rem;}
    .ctatop h1 {font-size: 1.3rem; font-weight: 900; color: #fff;}

	
}
/* Ihone 12 Pro portrait & landscape */
@media only screen and (max-device-width : 414px) {
	
	.btn2 {font-size:20px; left:4rem;}

	#topbar{  font-size: 12px !important; 
}
}

/* Ihone xr portrait & landscape */
@media only screen and (max-device-width : 414px) {
	
	.btn2 {font-size:20px; left:4rem;}
    
    .ctatop h1 {font-size: 1.3rem; font-weight: 900; color: #fff;}
 .ctatop {z-index: 999;
		   margin-left: 1rem !important; padding:1rem; background-color:#444f50; display:inline-block;}

}

/* Ihone SE  portrait & landscape */
@media only screen and (max-device-width : 375px) {

	.btn2 {font-size:20px;}
   .ctatop h1 {font-size: 1.3rem; font-weight: 900; color: #fff;}
 .ctatop {z-index: 999;
		   margin-left: 1rem !important; padding:1rem; background-color:#444f50; display:inline-block;}
}

/* Samsung Galaxy S8  portrait & landscape */
@media only screen and (max-device-width : 360px) {

	.btn2 {font-size:20px; left:4rem;}
   .ctatop h1 {font-size: 1.3rem; font-weight: 900; color: #fff;}
 .ctatop {z-index: 999;
		   margin-left: 1rem !important; padding:1rem; background-color:#444f50; display:inline-block;}
}


/* Iphone 12  portrait & landscape */
@media only screen and (max-device-width : 320px) {
	
	.btn2 {font-size:20px; left:4rem;}

}

/* Samsung Fold */
@media only screen and (max-device-width : 280px) {
	.btn2 {font-size:20px; top:-50px; left:1rem;}


}