*,
*::before,
*::after { 
	box-sizing: border-box;
}



* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.CustomHeader
{
	margin:auto;
	width:1080px;
	height:100px;
	background-color:rgb(240, 240, 240);
}

.BigTitle
{
	height:72px;
	padding-top: 24px;
	margin: 0px 16px 0px 32px;
	font-family: Myriad Pro, sans-serif;
	font-size: 42px;
	font-weight: bold;
}

.SmallTitle
{
	height:22px;
	font-family: Myriad Pro, sans-serif;
	font-size: 22px;
	color:rgb(127 127 127);
	margin: 0px 16px 0px 32px;
}

nav 
{ 
	margin:auto;
	width: 1080px;
	height:32px;
	text-align:center;
	background-color:rgb(230 230 230);
}

a
{
	font-family: Myriad Pro, sans-serif;
	font-size: 22px;
	color:rgb(0 0 0);
}

hr
{
	width:1080px;
	height:2px;
	color:red;
	margin: auto;
}

.BackGround{
	margin:auto;
	width:100%;
	height:100%;
	background-color:rgb(16 16 16);
}

.MainStage{
	margin:auto;
	width:1080px;
	height:1920px;
	background-color:rgb(240, 240, 240);
}

/* Intro Text Box */

.ProjBox_01{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:32px 16px 16px 40px;
	background-color:rgb(230, 230, 230);
	overflow:hidden;
	box-sizing: border-box; 
	}

.BoxText_Title{
	font-family: Myriad Pro,sans-serif;
	font-size:22px;
	height:32px;
	color:rgb(8, 8, 8);
	text-align: left;
	width:448px;
	margin:16px 8px 16px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.BoxText_Text{
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	color:rgb(8, 8, 8);
	text-align: left;
	width:448px;
	height:300px;
	margin:0px 8px 8px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.BoxText_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:50%;
	height:32px;
	color:white;
	text-align: left;
	margin:18px 8px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.BoxText_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:35%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: right;
	margin:26px 16px 0px 8px;
	padding-top: 3px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 02 (Right)*/

.ProjBox_02{
	float:right;
	width: 480px;
	height: 320px;
	padding: 0px;
	border: 0px;
	margin: 32px 40px 16px 16px;
	background-color:rgb(230, 230, 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 03 */

.ProjBox_03{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 16px 16px 40px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 04 */

.ProjBox_04{
	float:right;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 40px 16px 16px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0)e;
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 05 */

.ProjBox_05{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 16px 16px 40px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 06 */

.ProjBox_06{
	float:right;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 40px 16px 16px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 07 */

.ProjBox_07{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 16px 16px 40px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 08 */

.ProjBox_08{
	float:right;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 40px 16px 16px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 09 */

.ProjBox_09{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 16px 16px 40px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}

/* Project Box 10 */

.ProjBox_10{
	float:left;
	width: 480px;
	height:320px;
	padding: 0px;
	border: 0px;
	margin:16px 40px 16px 16px;
	background-color:rgb(230 230 230);
	overflow:hidden;
	box-sizing: border-box; 
}

.Box00_Image{
	width:448px;
	height:224px;
	margin:16px 16px 8px 16px;
}

.Box00_ProjTitle{
	font-family: Myriad Pro,sans-serif;
	font-size:26px;
	font-weight: bold;
	width:100%;
	height:32px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:4px 0px 0px 16px;
	box-sizing: border-box;
	display:inline-block;
}

.Box00_SubTitle{
	float:none;
	font-family: Myriad Pro,sans-serif;
	font-size:18px;
	width:100%;
	height:24px;
	color:rgb(0, 0, 0);
	text-align: left;
	margin:8px 8px 0px 16px;
	padding: 0px;
	box-sizing: border-box;
	display:inline-block;
}


/* OLD PAGES */

/* Pages */
/* Luna Landa Page */

.Page_MainStage{
	margin:auto;
	width:1080px;
	background-color:rgb(240 240 240);
	height:1920px;
}

.Page_Title{
	text-align:center;
	padding-top:16px;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Page_SubTitle{
	text-align:center;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Page_SubTitle_02{
	text-align:center;
	margin:24px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Page_BoxTitle{
	text-align:center;
	padding-top:0px;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Page_Title_02{
	text-align:center;
	margin:24px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Luna_BigProjBox{
	margin:auto;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Luna_BigImage{
	margin:28px 0px 16px 35px;
	width:568px;
	height:320px;
	display:inline-block;
}

.Luna_BigProjBox_02{
	margin:auto;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Link_Button_01{
	width:96px;
	height:36px;
	margin:14px 0px 14px 264px;
	padding-top: 4px;
	text-align: center;
	border:1px solid black;
	background-color:rgb(80 80 80);
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Luna_Description{
	color:black;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Luna_Video{
	margin:24px 0px 8px 40px;
}

.Riff_Video{
	margin:24px 0px 8px 40px;
}

.Relig_Video{
	margin:24px 0px 8px 62px;
}

/* Level Design Page */

.Level_BigProjBox{
	margin:auto;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Level_BigImage{
	margin:28px 0px 32px 31px;
	width:580px;
	height:290px;
	display:inline-block;
}

.Level_BigProjBox_02{
	float:left;
	margin:24px 0px 8px 48px;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Level_Description{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

/* Riff Master Page */

.Riff_BigProjBox{
	margin:auto;
	width:640px;
	height:484px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Riff_BigImage{
	margin:28px 0px 16px 31px;
	width:580px;
	height:290px;
	display:inline-block;
}

.Riff_BigProjBox_02{
	margin:auto;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Riff_Description{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

/* Air Jordan Page */

.AJ_BigProjBox{
	margin:auto;
	width:640px;
	height:560px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.AJ_BigImage{
	margin:28px 0px 0px 31px;
	width:580px;
	height:397px;
	display:inline-block;
}

.AJ_BigProjBox_02{
	margin:auto;
	width:640px;
	height:492px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.AJ_Description{
	color:black;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.AJ_Description_02{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

/* Graphic Design Page */

.Graphic_BigProjBox{
	margin:auto;
	width:640px;
	height:1440px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Graphic_480Image{
	margin:48px 0px 0px 135px;
	width:370px;
	height:480px;
	display:inline-block;
}

.Graphic_240Image{
	margin:48px 0px 0px 64px;
	width:240px;
	height:240px;
	display:inline-block;
}

.Graphic_480TallImage{
	margin:48px 64px 0px 0px;
	width:215px;
	height:480px;
	display:inline-block;
}

.Graphic_UltDetImage{
	margin:48px 0px 0px 64px;
	width:240px;
	height:240px;
	display:inline-block;
}

.Graphic_KEKOImage{
	margin:48px 0px 0px 64px;
	width:240px;
	height:240px;
	display:inline-block;
}

.Graphic_Description{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

/* Pixel Paintings Page */

.Pixel_BigProjBox{
	margin:auto;
	width:640px;
	height:640px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}


.Pixel_BigImage{
	margin:48px 0px 0px 64px;
	width:512px;
	height:512px;
	display:inline-block;
}

.Pixel_BigProjBox_02{
	float:left;
	margin:24px 0px 8px 48px;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Pixel_Description{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

/* FAIve Page */

.Faive_BigProjBox{
	margin:auto;
	width:1016px;
	height:640px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Faive_BigImage{
	margin:32px 32px 32px 32px;
	width:270px;
	height:480px;
	display:inline-block;
}

.Faive_BigProjBox_02{
	float:left;
	margin:24px 0px 8px 48px;
	width:640px;
	height:480px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Faive_Description{
	color:black;
	margin-top: 24px;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.ShortVid_Title{
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.LandaQRcode{
	float:left;
	margin:40px;
	width:240px;
	height:240px;
	
}

.LandaQRcode2{
	float:right;
	margin:40px;
	width:240px;
	height:240px;
}

.LandaQRtext{
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-top: 32px;
}

/* Links Page */

.Page_MainStage{
	margin:auto;
	width:1080px;
	background-color:rgb(240 240 240);
	height:1920px;
}

.Page_Title{
	text-align:center;
	padding-top:16px;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Page_SubTitle{
	text-align:center;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Page_SubTitle_02{
	text-align:center;
	margin:24px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}

.Page_BoxTitle{
	text-align:center;
	padding-top:0px;
	margin:0px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Page_Title_02{
	text-align:center;
	margin:24px 0px 16px 0px;
	color:black;
	font-family: Myriad Pro,sans-serif;
	font-size:24px;
	font-weight:bold;
}

.Links_BigProjBox{
	margin:auto;
	width:640px;
	height:1080px;
	background-color:rgb(127 127 127);
	overflow:hidden;
}

.Luna_Description{
	color:black;
	margin-left: 32px;
	font-family: Myriad Pro,sans-serif;
	font-size:16px;
}