@charset "UTF-8";
body {
	height: 100%;
	width: 100%;
	margin: 0;
	background: #002036;
	/*background: -webkit-linear-gradient(#f9bd2d,#f27b1b);
	background: -moz-linear-gradient(#f9bd2d,#f27b1b);
	background: linear-gradient(#f9bd2d,#f27b1b);
	background-repeat: no-repeat;
	background-attachment: fixed;*/
}
#shade {
	height: 100%;
	width: 100%;
	margin: auto;
	background: black;
	position: fixed;
	z-index: 98;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 1s;
	display: none;
}
/*Body Content*/
.container {
	margin: auto;
	position: center;
	min-height: 100%;
}
.footer {
	/*background:#002036 !important;*/
	background:#002d4b !important;
}
.section-title {
	background: #002d4b;
}
.section-title h2 {
	color: #ffbc2b;
	text-align:center;
	font-family: "Dimbo",'Arial Bold', sans-serif;
	letter-spacing: 2px;
	font-size: 26pt;
	margin:10px auto;
}
.section-title::before,.section-title::after {
	content:'';
	height:6px;
	display:block;
	background: #145c8b;
}
.section-title::before {
	border-top: 2px solid #2790d5;
}
.section-title::after {
	border-bottom: 2px solid #2790d5;
}
.legends-header {
	/*display:grid;
	grid-template-rows:auto auto;
	grid-template-columns:auto 180px 180px auto;*/
	height:auto;
	padding: 10px 0;
}
.legends-header {
	width:100%;
	background: url(http://www.maxvandoorn.com/legendsandletters/tiles.jpg);
	background-size:70px;
	-webkit-box-shadow: inset 0px 0px 59px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 59px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 59px 0px rgba(0,0,0,0.75);
}
.legends-video-section {
	width:100%;
}
.legends-logo {
	background:url(http://www.maxvandoorn.com/legendsandletters/logo.png) center center no-repeat;
	background-size:100%;
	height:150px;
	width:274px;
	margin:auto;
	/*grid-column:1/5;
	grid-row:1/2;*/
}
.badges {
	max-width:400px;
	width:95%;
	margin:auto;
}
.apple-store-badge,.google-play-badge {
	margin:auto;
	display:inline-block;
	cursor:pointer;
}
.apple-store-badge {
	background:url(http://www.maxvandoorn.com/images/apple-store-badge.svg) center center no-repeat;
	background-size:100%;
	width:45%;
	height:0;
	padding-bottom:20%;
	grid-column:2/3;
}
.google-play-badge {
	background:url(http://www.maxvandoorn.com/images/google-play-badge.png) center center no-repeat;
	background-size:110%;
	width:53%;
	height:0;
	padding-bottom:20%;
	grid-column:3/4;
}
.legends-video-section,.legends-emails,.legends-apps {
	padding:30px 0;
}
.legends-video {
	position:relative;
	height:0;
	width:90%;
	padding-bottom:49%;
	margin:auto;
}
.legends-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*Digital Ads*/
.legends-ads,.legends-emails,.legends-social,.legends-video-section,.legends-apps {
	/*background:#002d4b;*/
	background:#002036;
}
.ads-grid {
	width:90%;
	margin:auto;
	display:grid;
	grid-template-columns: auto 50% 50% auto;
	grid-template-rows:auto auto auto;
	padding: 20px 0;
}
.ll-adbox1,.ll-adbox2 {
	grid-row:1/2;
}
.ll-adbox3,.ll-adbox4 {
	grid-row:2/3;
}
.ll-adbox5,.ll-adbox6 {
	grid-row:3/4;
}
.legends-ad1,.legends-ad2,.legends-ad3,.legends-ad4,.legends-ad5,.legends-ad6,.legends-launch-email,.legends-signup-email {
	margin:auto;
	width:95%;
	height:0;
}
.legends-ad1,.legends-ad3,.legends-ad5,.ll-adbox1,.ll-adbox3,.ll-adbox5 {
	grid-column:2/3;
}
.legends-ad2,.legends-ad4,.legends-ad6,.ll-adbox2,.ll-adbox4,.ll-adbox6 {
	grid-column:3/4;
}
.legends-ad1 {
	background:url(http://www.maxvandoorn.com/legendsandletters/digital-ad.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:53%;
	grid-row:1/2;
}
.legends-ad2 {
	background:url(http://www.maxvandoorn.com/legendsandletters/maraqua-battle.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:53%;
	grid-row:1/2;
}
.legends-ad3 {
	background:url(http://www.maxvandoorn.com/legendsandletters/heal-powerup.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:65%;
	grid-row:2/3;
}
.legends-ad4 {
	background:url(http://www.maxvandoorn.com/legendsandletters/bomb-powerup.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:65%;
	grid-row:2/3;
}
.legends-ad5 {
	background:url(http://www.maxvandoorn.com/legendsandletters/aurrick-ability.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:65%;
	grid-row:3/4;
}
.legends-ad6,.legends-ad6 a {
	background:url(http://www.maxvandoorn.com/legendsandletters/caylis-ability.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:65%;
	grid-row:3/4;
}
/*APP STORE MARKETING*/
.legends-apps p {
	color:#5EBFFF /*#ffbc2b*/;
	text-align:center;
	font-family: 'Arial Bold', sans-serif;
	margin-top:10px;
}
.legends-carousel {
	width:95%;
	position:relative;
	margin:auto;
	height:auto;
}
.legends-app1,.legends-app2,.legends-app3,.legends-app4,.legends-app5,.legends-app6,.legends-app7 {
	margin: auto;
	position: relative;
	height:0;
	width:100%;
}
.legends-app1 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app1.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app2 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app2.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app3 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app3.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app4 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app4.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app5 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app5.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app6 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app6.jpg) center center no-repeat;
	background-size: 95% auto;
}
.legends-app7 {
	padding-bottom:175%;
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-app7.jpg) center center no-repeat;
	background-size: 95% auto;
}
/*Social Media*/
.legends-social {
	
}
.social-grid {
	width:90%;
	display:grid;
	grid-template-columns: 32% 32% 32%;
	grid-template-rows:auto;
	grid-column-gap:2%;
	grid-row-gap:20px;
	margin: auto;
	padding: 20px 0;
}
.legends-soc1,.legends-soc2,.legends-soc3,.ll-socbox1,.ll-socbox2,.ll-socbox3 {
	grid-row:1/2;
}
.legends-soc1,.ll-socbox1 {
	grid-column:1/2;
}
.legends-soc2,.ll-socbox2 {
	grid-column:2/3;
}
.legends-soc3,.ll-socbox3 {
	grid-column:3/4;
}
.legends-soc1 {
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-110.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:100%;
}
.legends-soc2 {
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-unscramble.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:100%;
}
.legends-soc3 {
	background:url(http://www.maxvandoorn.com/legendsandletters/legends-achievements.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:100%;
}
/*Email Marketing*/
.legends-emails {
	display:grid;
	grid-template-columns:auto 50% 50% auto;
	grid-template-rows:auto;
}
.legends-launch-email {
	background:url(http://www.maxvandoorn.com/legendsandletters/email.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:195%;
	grid-row:1/2;
	grid-column:2/3;
}
.legends-signup-email {
	background:url(http://www.maxvandoorn.com/legendsandletters/email-signup.jpg) center center no-repeat;
	background-size:100%;
	padding-bottom:150%;
	grid-row:1/2;
	grid-column:3/4;
}

/*Media Queries*/
@media screen and (min-width:1280px) {
	.legends-carousel {
		width:1216px;
		position:relative;
		margin:auto;
	}
}
@media screen and (max-width:480px) {
	.legends-carousel {
		width:90%;
		position:relative;
		margin:auto;
	}
}
/*END CAROUSEL Media Queries*/
@media screen and (max-width:800px) and (min-width:481px) { /* Social Media grid medium*/
	.social-grid {
		grid-template-columns: 48% 48%;
		grid-template-rows:auto auto;
	}
	.ll-socbox1,.ll-socbox2 {
		grid-row:1/2;
	}
	.ll-socbox3 {
		grid-row:2/3;
	}
	.ll-socbox1,.ll-socbox3 {
		grid-column:1/2;
	}
	.ll-socbox2 {
		grid-column:2/3;
	}
	
}
@media screen and (max-width:480px) { /* Social Media grid small*/
	.social-grid {
		grid-template-columns: 100%;
		grid-template-rows:auto auto auto;
	}
	.ll-socbox1,.ll-socbox2,.ll-socbox3 {
		grid-column:1/2;
	}
	.ll-socbox1 {
		grid-row:1/2;
	}
	.ll-socbox2 {
		grid-row:2/3;
	}
	.ll-socbox3 {
		grid-row:3/4;
	}
}


@media screen and (min-width:1280px) {
	.legends-video {
		padding-bottom:0;
		height:648px;
		width:1152px;
	}
	
}
@media screen and (min-width:1333px) {
	.legends-emails {
		grid-template-columns:auto 600px 600px auto;
		grid-column-gap:20px;
	}
}
@media screen and (min-width:667px) {
	.legends-launch-email {
		padding-bottom:0;
		width:600px;
		height:1295px;
	}
}
@media screen and (max-width:480px) {
	.ads-grid {
		display:block;
	}
	/*Digital Ads*/
	/*.ads-grid {
		grid-template-columns:100%;
		grid-template-rows:auto auto auto auto auto auto;
		width:95%;
	}
	.legends-ad1,.legends-ad2,.legends-ad3,.legends-ad4,.legends-ad5,.legends-ad6,.legends-ad1 a,.legends-ad2 a,.legends-ad3 a,.legends-ad4 a,.legends-ad5 a,.legends-ad6 a {
		grid-column:1/2;
	}
	.legends-ad1,.legends-ad1 a {
		grid-row:1/2;
	}
	.legends-ad2,.legends-ad2 a {
		grid-row:2/3;
	}
	.legends-ad3, .legends-ad3 a {
		grid-row:3/4;
	}
	.legends-ad4,.legends-ad4 a {
		grid-row:4/5;
	}
	.legends-ad5,.legends-ad5 a {
		grid-row:5/6;
	}
	.legends-ad6,.legends-ad6 a {
		grid-row:6/7;
	}*/
	/*Email Marketing*/
	.legends-emails {
		grid-template-columns:100%;
		grid-template-rows:auto auto;
	}
	.legends-launch-email {
		grid-row:1/2;
		grid-column:1/2;
	}
	.legends-signup-email {
		grid-row:2/3;
		grid-column:1/2;
	}
}