@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');

/*postion:aboslute*/
#mainContent, #PageCon, #CertCon, #certFormCon, #certFormText, .txtArea, .CertImage, .printButt, .CECText{position:absolute;box-sizing:border-box;}
/*postion:aboslute*/
#PageCon{top:0px;left:0px;width:100%;height:100%;}

/*Cert Styling*/
#CertCon{top:4px;left:1%;width:98%;height:222px;}
#CertCon{font-family: 'Oswald', sans-serif;color:#07456E;}
.CertTitle, .name, .certLine0, .certLine1, .certLine2, .certLine3, .certLine4, .CECText{z-index:20;font-family: 'Oswald', sans-serif;letter-spacing:0.75px;}
.CertImage{width:100%;box-shadow:3px 3px 8px #666666;}

/*Certificate Text*/
.txtArea{top:20px;right:7.5%;width:85%;text-align:center;}
.CertTitle{font-size:25px;line-height:18px;margin:10px 0px 25px 0px;}
.certLine1{font-size:8px;margin-top:0px;text-transform:uppercase;margin:7px 0px;}
.name{font-size:15px;line-height:20px;text-transform:uppercase;margin:7px 0px;}
.certLine2{font-size:8px;line-height:13px;margin:0px 0px;}
.certLine3{font-size:8px;text-align:center;margin:12px 0px;}
.CECText{bottom:2px;left:50px;font-size:5.5px;font-weight:400;}

.printButt{bottom:200px;left:25%;width:50%;font-size:15px;padding:10px;}

@media screen and (min-width:690px){
	/*Cert Styling*/
	#CertCon{top:13px;left:2%;width:96%;height:366px;}
	/*Certificate Text*/
	.txtArea{top:45px;right:7.5%;width:85%;text-align:center;}
	.CertTitle{font-size:42px;line-height:18px;margin:10px 0px 45px 0px;}
	.certLine1{font-size:14.5px;margin-top:0px;text-transform:uppercase;}
	.name{font-size:26px;line-height:20px;text-transform:uppercase;margin:20px 0px;}
	.certLine2{font-size:14.5px;line-height:22px;margin:0px 0px;}
	.certLine3{font-size:14.5px;text-align:center;margin:20px 0px;}
	.CECText{bottom:3px;left:83px;font-size:10px;font-weight:400;}
	/*Print Button Styling*/
	.printButt{bottom:50px;left:32.5%;width:35%;font-size:16px;}
}

@media screen and (min-width:960px){
	/*Cert Styling*/
	#CertCon{top:10px;left:10%;width:80%;height:426px;}
	/*Certificate Text*/
	.txtArea{top:54px;right:7.5%;width:85%;text-align:center;}
	.CertTitle{font-size:49px;line-height:18px;margin:10px 0px 55px 0px;}
	.certLine1{font-size:17.5px;margin-top:0px;text-transform:uppercase;}
	.name{font-size:32px;line-height:20px;text-transform:uppercase;margin:25px 0px;}
	.certLine2{font-size:17.5px;line-height:26px;margin:0px 0px;}
	.certLine3{font-size:17.5px;text-align:center;margin:20px 0px;}
	.CECText{bottom:3px;left:95px;font-size:12px;}
	/*Print Button Styling*/
	.printButt{bottom:5px;left:35%;width:30%;}
}

@media print and (min-width:0px){
	@page {margin:0;size: landscape}
	/*Objects Hidden during print*/
	.titleBox {display:none;}
	footer{display:none;}
	#mainContent{border:none;}
	.printButt{display:none;}
	/*Cert Styling*/
	.CertImage{top:33px;left:-293px;width:243%;-webkit-print-color-adjust: exact;}
	/*Certificate Text*/
	.txtArea{top:110px;left:-63%;width:220%;text-align:center;}
	.CertTitle{font-size:63px;line-height:18px;margin:10px 0px 78px 0px;}
	.certLine1{font-size:23px;margin-top:0px;text-transform:uppercase;}
	.name{font-size:40px;line-height:20px;text-transform:uppercase;margin:34px 0px;}
	.certLine2{font-size:23px;line-height:34px;margin:0px 0px;}
	.certLine3{font-size:23px;text-align:center;margin:22px 0px;}
	.CECText{bottom:-355px;left:-165px;font-size:16px;}
}

/*Body Width
Mobile - 410px;
Laptop - 685px;
Monitor - 955px;
*/