*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: libre-franklin,sans-serif;
	font-weight: 400;
	font-style: normal;
}

.clarendonRegular {
	font-family: clarendon-text-pro,serif;
	font-weight: 400;
	font-style: normal;
}
.clarendonItalic {
	font-family: clarendon-text-pro,serif;
	font-weight: 400;
	font-style: italic;
}
.clarendonBold {
	font-family: clarendon-text-pro,serif;
	font-weight: 700;
	font-style: normal;
}
.clarendonBoldItalic {
	font-family: clarendon-text-pro,serif;
	font-weight: 700;
	font-style: italic;
}
.libreFranklinLight {
	font-family: libre-franklin,sans-serif;
	font-weight: 300;
	font-style: normal;
}
.libreFranklinLightItalic {
	font-family: libre-franklin,sans-serif;
	font-weight: 300;
	font-style: italic;
}
.libreFranklinRegular {
	font-family: libre-franklin,sans-serif;
	font-weight: 400;
	font-style: normal;
}
.libreFranklinItalic {
	font-family: libre-franklin,sans-serif;
	font-weight: 400;
	font-style: italic;
}
.libreFranklinSemiBold {
	font-family: libre-franklin,sans-serif;
	font-weight: 600;
	font-style: normal;
}
.libreFranklinSemiBoldItalic {
	font-family: libre-franklin,sans-serif;
	font-weight: 600;
	font-style: italic;
}

.textCenter {
	text-align: center;
}

.marginAuto {
	margin: auto;
}
.mr30 {
	margin-right: 30px;
}

.width100 {
	width: 100%;
}

.web_displayNone {
	display: none;
}
.tabletDisplay {
	display: none;
}

a {
	color: black;
}

.btn {
	height: 42px;
	border: 2px solid black;
	background: #f1f1f1;
	line-height: 42px;
	font-size: 20px;
}

.btn, .btn a {
	font-family: 'Luckiest Guy', cursive;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover {
	background: #d9dad4;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}

img {
	width: 100%;
}

.annotation {
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	line-height: 20px;
}




/* ---------- Brand Color ----------*/

.brandYellow {
	background: #ffc516;
}



/* ---------- Font Weight ----------*/

.fw700 {
	font-weight: 700;
}

.fw600 {
	font-weight: 600;
}

.fw300 {
	font-weight: 300;
}


/* ---------- Web Width ----------*/

.web_3col {
	width: 264px;
}

.web_4col {
	width: 362px;
}

.web_5col {
	width: 460px;
}

.web_6col {
	width: 558px;
}

.web_7col {
	width: 656px;
}

.web_8col {
	width: 754px;
}

.web_10col {
	width: 950px;
}

.web_12col {
	width: 1146px;
}


/* ---------- Web Font Size ----------*/

.web_fs52 {
	font-size: 52px;
}

.web_fs48 {
	font-size: 48px;
}

.web_fs42 {
	font-size: 42px;
}

.web_fs32 {
	font-size: 32px;
}

.web_fs28 {
	font-size: 28px;
}

.web_fs24 {
	font-size: 24px;
}

.web_fs22 {
	font-size: 22px;
}

.web_fs20 {
	font-size: 20px;
}

.web_fs18 {
	font-size: 18px;
}




/* ---------- Web Line Height ----------*/

.web_lh74 {
	line-height: 74px;
}

.web_lh62 {
	line-height: 62px;
}

.web_lh60 {
	line-height: 60px;
}

.web_lh54 {
	line-height: 54px;
}

.web_lh52 {
	line-height: 52px;
}

.web_lh48 {
	line-height: 48px;
}

.web_lh34 {
	line-height: 34px;
}

.web_lh30 {
	line-height: 30px;
}

.web_lh24 {
	line-height: 24px;
}

.web_lh18 {
	line-height: 22px;
}



/* ---------- Web Margin Top ----------*/

.web_mt10 {
	margin-top: 10px;
}

.web_mt20 {
	margin-top: 20px;
}

.web_mt30 {
	margin-top: 30px;
}

.web_mt40 {
	margin-top: 40px;
}

.web_mt50 {
	margin-top: 50px;
}

.web_mt70 {
	margin-top: 70px;
}

.web_mt100 {
	margin-top: 100px;
}

.web_mt150 {
	margin-top: 150px;
}




@media (max-width: 1250px) {

	.app_displayNone {
		display: none;
	}
	.web_displayNone {
		display: block;
	}
	.tabletDisplay {
		display: block;
	}

	.app_textCenter {
		text-align: center;
	}

	.app_marginAuto {
		margin: auto;
	}

	/* ---------- App Width ----------*/

	.app_wid100 {
		width: 100%;
	}
.app_4col {
	width: 57.552%;
}
.app_6col {
	width: 88.28125%;
}


	/* ---------- App Font Size ----------*/

	.app_fs76 {
		font-size: 76px;
	}
	.app_fs68 {
		font-size: 68px;
	}
	.app_fs64 {
		font-size: 64px;
	}
	.app_fs56 {
		font-size: 56px;
	}
	.app_fs52 {
		font-size: 52px;
	}
	.app_fs50 {
		font-size: 50px;
	}
	.app_fs48 {
		font-size: 48px;
	}
	.app_fs46 {
		font-size: 46px;
	}
	.app_fs44 {
		font-size: 44px;
	}
	.app_fs40 {
		font-size: 40px;
	}


	/* ---------- App Line Height ----------*/

	.app_lh96 {
		line-height: 96px;
	}
	.app_lh92 {
		line-height: 92px;
	}
	.app_lh82 {
		line-height: 82px;
	}
	.app_lh78 {
		line-height: 78px;
	}
	.app_lh64 {
		line-height: 64px;
	}
	.app_lh60 {
		line-height: 60px;
	}
	.app_lh58 {
		line-height: 58px;
	}
	.app_lh48 {
		line-height: 48px;
	}
	.app_lh44 {
		line-height: 44px;
	}
	.app_lh40 {
		line-height: 40px;
	}


	/* ---------- App Margin Top ----------*/
	
	.app_mt0 {
		margin-top: 0px;
	}
	.app_mt10 {
		margin-top: 10px;
	}
	.app_mt20 {
		margin-top: 20px;
	}
	.app_mt30 {
		margin-top: 30px;
	}
	.app_mt40 {
		margin-top: 40px;
	}
	.app_mt50 {
		margin-top: 50px;
	}
	.app_mt70 {
		margin-top: 70px;
	}
	.app_mt100 {
		margin-top: 100px;
	}
	.app_mt150 {
		margin-top: 150px;
	}
	.app_mt250 {
		margin-top: 250px;
	}





.btn {
		height: 160px;
	border: 3px solid black;
		background: #f1f1f1;
		line-height: 86px;
		font-size: 40px;
}

	.annotation {
		font-size: 30px;
		line-height: 50px;
	}
}





@media (max-width: 980px) {

	.app_displayNone {
		display: none;
	}
	.web_displayNone {
		display: block;
	}
	.tabletDisplay {
		display: none;
	}

	.app_textCenter {
		text-align: center;
	}

	.app_marginAuto {
		margin: auto;
	}

	/* ---------- App Width ----------*/

	.app_wid100 {
		width: 100%;
	}
	.app_4col {
		width: 53.44%;
	}
	.app_6col {
		width: 84.127%;
	}


	/* ---------- App Font Size ----------*/

	.app_fs76 {
		font-size: 76px;
	}
	.app_fs68 {
		font-size: 68px;
	}
	.app_fs64 {
		font-size: 64px;
	}
	.app_fs56 {
		font-size: 56px;
	}
	.app_fs52 {
		font-size: 52px;
	}
	.app_fs50 {
		font-size: 50px;
	}
	.app_fs48 {
		font-size: 48px;
	}
	.app_fs46 {
		font-size: 46px;
	}
	.app_fs44 {
		font-size: 44px;
	}
	.app_fs40 {
		font-size: 40px;
	}


	/* ---------- App Line Height ----------*/

	.app_lh96 {
		line-height: 96px;
	}
	.app_lh92 {
		line-height: 92px;
	}
	.app_lh82 {
		line-height: 82px;
	}
	.app_lh78 {
		line-height: 78px;
	}
	.app_lh64 {
		line-height: 64px;
	}
	.app_lh60 {
		line-height: 60px;
	}
	.app_lh58 {
		line-height: 58px;
	}
	.app_lh48 {
		line-height: 48px;
	}
	.app_lh44 {
		line-height: 44px;
	}
	.app_lh40 {
		line-height: 40px;
	}


	/* ---------- App Margin Top ----------*/
	
	.app_mt0 {
		margin-top: 0px;
	}
	.app_mt10 {
		margin-top: 10px;
	}
	.app_mt20 {
		margin-top: 20px;
	}
	.app_mt30 {
		margin-top: 30px;
	}
	.app_mt40 {
		margin-top: 40px;
	}
	.app_mt50 {
		margin-top: 50px;
	}
	.app_mt70 {
		margin-top: 70px;
	}
	.app_mt100 {
		margin-top: 100px;
	}
	.app_mt150 {
		margin-top: 150px;
	}
	.app_mt250 {
		margin-top: 250px;
	}





	.btn {
		height: 160px;
		border: 4px solid black;
		background: #f1f1f1;
		line-height: 86px;
		font-size: 40px;
	}

	.annotation {
		font-size: 30px;
		line-height: 50px;
	}
}