/*comment*/
/* tags = nothing */
/* class = . */
/* id = # */

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

body {
	height: 100vh;
	width: 100vw;
	overflow-x: hidden;
}

#Loading {
    position: fixed;
	overflow: hidden;
    height:100%;
    width: 100%;
    top:0;
    left:0;
    background-color:#000000;
    display: flex;
    justify-content: center;
}

.LoaderGif {
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -312px; /* setting negative left and top margins equal to half the size of the image puts the CENTER of the image at center of view, rather than the top left of the image */
}

.Project_Tabs {
	position: fixed;
	height: 100%;
	left: 0;
	margin-left: -69vh;
}

#Radial_Fade {
	position: fixed;
	display: none;
    height: 100%;
    width: 100%;
}



.Project_Page {
	position: absolute;
	width: 100vw;
	height: auto;
	left: 0;
}

.Hermes_Project {
	display: none;
	width: 100vw;
}

.Brief_Tabs {
	position: fixed;
	height: 100%;
}

#Loading_Magnified {
	position: fixed;
	display: flex;
    height:100%;
    width: 100%;
    top:0;
    left:0;
    background-image: url("../images/3DXR_Design_Magnified_Anim.gif");
	background-repeat: no-repeat;
    background-size:cover;
	background-position:center;
}

#Brief_Tab_XR {
	position:fixed;
	left: 61vh;
	top: 34%;
	width: 14vh;
	height: 15%;
	cursor: pointer;
	/*background-color: coral;*/
}

#Brief_Tab_Exhibit {
	position: fixed; 
	left: 61vh;
	top: 51.5%;
	width: 14vh;
	height: 15%;
	cursor: pointer;
	/*background-color: aqua;*/
}

#Brief_Tab_Contact {
	position: fixed; 
	left: 61vh;
	top: 69%;
	width: 14vh;
	height: 15%;
	cursor: pointer;
	/*background-color: white;*/
}

.Avatar_Hover_Area {
	position: absolute;
	height: 35vh;
	width: 35vh;
	left: 50%;
	margin-left: 21vh;
	top: 25%;
	transform: rotate(5deg);
	/*background-color:darkorange;*/
}

.Avatar_Background_Anim {
	position: absolute;
	display: none;
	height: 100vh;
	left: 50%;
	top: 0;
	margin-left: 22.75vh;
}

#XR_Tab_Exhibit {
	position: fixed;
	left: 31vh;
	top: 51vh;
	width: 10vh;
	height: 15vh;
	cursor: pointer;
	/*background-color: aqua;*/
}

#XR_Tab_Contact {
	position: fixed;
	left: 31vh;
	top: 70vh;
	width: 10vh;
	height: 15vh;
	cursor: pointer;
	/*background-color: white;*/
}

#XR_Tab_Brief {
	position: fixed;
	left: 31vh;
	top: 14vh;
	width: 10vh;
	height: 15vh;
	cursor: pointer;
	/*background-color: coral;*/
}

.Folders {
	position: fixed;
	display:flex;
	height: 100%;
	left: 0;
	overflow: hidden;
}

#Exhibit_Tab_Brief {
	position: fixed;
	left: 31vh;
	top: 14%;
	width: 10vh;
	height: 17%;
	cursor: pointer;
	/*background-color: coral;*/
}

#Exhibit_Tab_Contact {
	position: fixed;
	left: 31vh;
	top: 68%;
	width: 10vh;
	height: 15%;
	cursor: pointer;
	/*background-color: white;*/
}

#Exhibit_Tab_XR {
	position: fixed; 
	left: 31vh;
	top: 34%;
	width: 10vh;
	height: 12%;
	cursor: pointer;
	/*background-color: aqua;*/
}

.Exhibit_Tabs {
	position: fixed;
	display: flex;
	height: 100%;
	left: 0;
	margin-left: -33vh;
}

#Contact_Tab_Brief {
	position: fixed;
	left: 31vh;
	top: 14.5vh;
	width: 10vh;
	height: 15vh;
	cursor: pointer;
	/*background-color: coral;*/
}

#Contact_Tab_XR {
	position: fixed; 
	left: 31vh;
	top: 35vh;
	width: 10vh;
	height: 12vh;
	cursor: pointer;
	/*background-color: aqua;*/
}

#Contact_Tab_Exhibit {
	position: fixed;
	left: 31vh;
	top: 51vh;
	width: 10vh;
	height: 11vh;
	cursor: pointer;
	/*background-color: white;*/
}

#EX_Polaroid_1 {
	position: absolute;
	width: 24vh;
	height: 26vh;
	right: 99vh;
	top: 21vh;
	transform: rotate(25deg);
	cursor: pointer;
	/*background-color: darkgoldenrod;*/
}

#Early_Childhood {
	position: absolute;
	display: none;
	height: 100vh;
	right: 0;
	margin-right: 95.75vh;
}

#EX_Polaroid_2 {
	position: absolute;
	width: 24vh;
	height: 26vh;
	right: 54vh;
	top: 32vh;
	transform: rotate(-5deg);
	cursor: pointer;
	/*background-color: darkgreen;*/
}

#EX_Polaroid_3 {
	position: absolute;
	width: 24vh;
	height: 26vh;
	right: 13vh;
	top: 21.5vh;
	transform: rotate(-10deg);
	cursor: pointer;
	/*background-color: mediumpurple;*/
}

#EX_Polaroid_4 {
	position: absolute;
	width: 24vh;
	height: 26vh;
	right:86vh;
	top: 60vh;
	transform: rotate(-9deg);
	cursor: pointer;
	/*background-color: maroon;*/
}

#EX_Polaroid_5 {
	position: absolute;
	width: 24vh;
	height: 26vh;
	right: 19vh;
	top: 60vh;
	transform: rotate(5deg);
	cursor: pointer;
	/*background-color: royalblue;*/
}

#EX_List_Item_1 {
	position: fixed;
	left: 4vh;
	top: 11.5vh;
	width: 23vh;
	height: 4vh;
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#EX_List_Item_2 {
	position: fixed;
	left: 7vh;
	top: 17vh;
	width: 18vh;
	height: 4vh;
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#EX_List_Item_3 {
	position: fixed;
	left: 5vh;
	top: 22.5vh;
	width: 22vh;
	height: 4vh;
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#EX_List_Item_4 {
	position: fixed;
	left: 5vh;
	top: 28.25vh;
	width: 22vh;
	height: 4vh;
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#EX_List_Item_5 {
	position: fixed;
	left: 6vh;
	top: 34vh;
	width: 20vh;
	height: 4vh;
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#University_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Natural_History_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Cultural_History_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Trade_Show_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}



#Natural_History {
	position: absolute;
	display: none;
	height: 100vh;
	right: 0;
	margin-right: 13.35vh;
}

#University {
	position: absolute;
	display: none;
	height: 100vh;
	right: 0;
	margin-right: 54.3vh;
}

#Cultural_History {
	position: absolute;
	display: none;
	height: 100vh;
	right: 0;
	margin-right: 85.65vh;
}

#Trade_Show {
	position: absolute;
	display: none;
	height: 100vh;
	right: 0;
	margin-right: 19vh;
}

#Art_Handler {
	position: fixed;
	display: none;
	height: 100vh;
	left: 0;
	margin-left: 142.5vh;
	overflow-y: hidden;
}

#Home_Renderings {
	position: fixed;
	display: none;
	height: 100vh;
	left: 0;
	margin-left: 132.3vh;
	overflow-y: hidden;
}

#XR_List_Item_1 {
	position: fixed;
	left: 3vh;
	top: 11vh;
	width: 23vh;
	height: 4vh;
	transform: rotate(-3deg);
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#XR_List_Item_2 {
	position: fixed;
	left: 3vh;
	top: 16.4vh;
	width: 20vh;
	height: 4vh;
	transform: rotate(-3deg);
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#XR_List_Item_3 {
	position: fixed;
	left: 3vh;
	top: 21.8vh;
	width: 20vh;
	height: 4vh;
	transform: rotate(-3deg);
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#XR_List_Item_4 {
	position: fixed;
	left: 3vh;
	top: 27.2vh;
	width: 22vh;
	height: 4vh;
	transform: rotate(-3deg);
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#XR_List_Item_5 {
	position: fixed;
	left: 3vh;
	top: 32.6vh;
	width: 22vh;
	height: 4vh;
	transform: rotate(-3deg);
	cursor: pointer;
	/*background-color: darkcyan;*/
}

#Hermes_Experience_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Zero_Gravity_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Art_Handler_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Unity_Prototypes_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Home_Renderings_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#XR_Polaroid_1 {
	position: absolute;
	width: 24vh;
	height: 27vh;
	left: 0;
	margin-left: 60.1vh;
	top: 21vh;
	transform: rotate(10deg);
	cursor: pointer;
	/*background-color: goldenrod;*/
}

#XR_Polaroid_2 {
	position: absolute;
	width: 24vh;
	height: 27vh;
	left: 0;
	margin-left: 101.5vh;
	top: 32vh;
	transform: rotate(5deg);
	cursor: pointer;
	/*background-color: darkgreen;*/
}

#XR_Polaroid_3 {
	position: absolute;
	width: 24vh;
	height: 27vh;
	left: 0;
	margin-left: 142.5vh;
	top: 21vh;
	transform: rotate(-25deg);
	cursor: pointer;
	/*background-color: indigo;*/
}

#XR_Polaroid_4 {
	position: absolute;
	width: 24vh;
	height: 27vh;
	left: 0;
	margin-left: 66.3vh;
	top: 59.5vh;
	transform: rotate(-5deg);
	cursor: pointer;
	/*background-color: royalblue;*/
}

#XR_Polaroid_5 {
	position: absolute;
	width: 24vh;
	height: 27vh;
	left: 0;
	margin-left: 132.3vh;
	top: 59.5vh;
	transform: rotate(9deg);
	cursor: pointer;
	/*background-color: maroon;*/
}

.Hermes_Video {
	position: absolute;
	display: flex;
	top: 54vw;
	left: 51vw;
	height: 38.5vw; /* Sets Height = Width = 35% of VIEWING WIDTH b/c background always full width*/
	width: 38.5vw;
}

.Footer_Img {
	position: fixed;
	display: flex;
	height: 1vh;
	bottom: 2.5vh;
	left: 30vh;
}

.Footer_Img_2 {
	position: fixed;
	display: flex;
	height: 1vh;
	bottom: 2.5vh;
	left: 3vh;
}

.Project_Tab_Brief {
	position: fixed; 
	left: 0px;
	top: 18%;
	width: 10vh;
	height: 15%;
	cursor: pointer;
	/*background-color: black;*/
}

.Project_Tab_XR {
	position: fixed; 
	left: 0px;
	top: 37%;
	width: 10vh;
	height: 13%;
	cursor: pointer;
	/*background-color: coral;*/
}

.Project_Tab_Exhibit {
	position: fixed; 
	left: 0px;
	top: 54.5%;
	width: 10vh;
	height: 13%;
	cursor: pointer;
	/*background-color: aqua;*/
}

.Project_Tab_Contact {
	position: fixed; 
	left: 0px;
	top: 72%;
	width: 10vh;
	height: 13%;
	cursor: pointer;
	/*background-color: white;*/
}

.Red_Arrows {
	display: none;
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0;
}

.Hermes_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 41vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Hermes_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 63vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}
.Zero_Gravity_Video {
	position: absolute;
	display: flex;
	top: 53.6vw;
	left: 11.4vw;
	height: 34.5vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 34.5vw;
}

.Zero_Gravity_Project {
	display: none;
	width: 100vw;
}

.Zero_Gravity_Arrow_Prev {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 41vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Zero_Gravity_Arrow_Next {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 63vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Green_Button_Hover_Area {
	position: absolute;
	display: flex;
	left: 60.2vw;
	top: 106.2vw;
	height: 5vw;
	width: 5vw;
	/*background-color: greenyellow;*/
}

.Pink_Button_Hover_Area {
	position: absolute;
	display: flex;
	left: 70.2vw;
	top: 106.2vw;
	height: 5vw;
	width: 5vw;
	/*background-color: deeppink;*/
}

.Blue_Button_Hover_Area {
	position: absolute;
	display: flex;
	left: 80.2vw;
	top: 106.2vw;
	height: 5vw;
	width: 5vw;
	/*background-color: deepskyblue;*/
}

.AR_Button_Green_Anim {
	position: absolute;
	display: none;
	width: 100vw;
	top: 0;
	left: 0;
}

.AR_Button_Pink_Anim {
	position: absolute;
	display: none;
	width: 100vw;
	top: 0;
	left: 0;
}

.AR_Button_Blue_Anim {
	position: absolute;
	display: none;
	width: 100vw;
	top: 0;
	left: 0;
}

.Art_Handler_Project {
	display: none;
	width: 100vw;
}



.Art_Handler_Arrow_Prev {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 41vw;
	right: 0;
	cursor: pointer;
	/*background-color: orange;*/
}

.Art_Handler_Arrow_Next {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 63vw;
	right: 0;
	cursor: pointer;
	/*background-color: orange;*/
}

.Art_Handler_Video {
	position: absolute;
	display: flex;
	top: 77.8vw;
	left: 56.5vw;
	height: 34vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 34vw;
}
.Unity_Prototypes_Project {
	display: none;
	width: 100vw;
}



.Unity_Prototypes_Arrow_Prev {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 41vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Unity_Prototypes_Arrow_Next {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 63vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Unity_Prototype_1A {
	position: absolute;
	top: 53vw;
	left: 11.5%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}

.Unity_Prototype_1B {
	position: absolute;
	top: 53vw;
	left: 39%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}



.Unity_Prototype_2A {
	position: absolute;
	top: 53vw;
	left: 66.5%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}

.Unity_Prototype_5A {
	position: absolute;
	top: 84vw;
	left: 66.5%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}

.Unity_Prototype_3B {
	position: absolute;
	top: 84vw;
	left: 39%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}

.Unity_Prototype_3A {
	position: absolute;
	top: 84vw;
	left: 11.5%;
	height: 24vw; /* Sets Height = Width = % of VIEWING WIDTH b/c background always full width*/
	width: 24vw;
}

.Home_Renderings_Project {
	display: none;
	width: 100vw;
}



.Home_Renderings_Arrow_Prev {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 41vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Home_Renderings_Arrow_Next {
	position: absolute;
	display: flex;
	width: 10vw;
	height: 10vw;
	top: 63vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Home_Renderings_Evidence {
	position: absolute;
	display: flex;
	width: 35.5%;
	height: 35.5vw;
	left: 54vw;
	top: 52.8vw;
}

.Brief_Avatar_Anim {
	position: absolute;
	display: flex;
	height: 100vh;
	width: 100vw;
	margin: 0;
	background-image: url("../images/My_Avatar_Anim.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow-y: hidden;
}

#Zero_Gravity {
	position: fixed;
	display: none;
	height: 100vh;
	left: 0;
	margin-left: 101.5vh;
	overflow-y: hidden;
}

#Unity_Prototypes {
	position: fixed;
	display: none;
	height: 100vh;
	left: 0;
	margin-left: 66.3vh;
	overflow-y: hidden;
}

#Hermes_Experience {
	position: fixed;
	display: none;
	height: 100vh;
	left: 0;
	margin-left: 60.1vh;
	overflow-y: hidden;
}

#Brief_Skill_Bars {
	display: none;
	position: fixed;
	height: 100%;
}

#Brief_Return_Skill_Bars {
	display: none;
	position: fixed;
	height: 100%;
}

.XR_Tabs {
	position: fixed;
	height: 100%;
	left: 0;
	margin-left: -33vh;
}

.Contact_Tabs {
	position: fixed;
	height: 100vh;
	left: 0;
	margin-left: -33vh;
}

.Brief_Background {
	position: absolute;
	display: flex;
	height: 100vh;
	width: 100vw;
	margin: 0;
	background-image: url("../images/Overall_String_Layer.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.Contact_Background {
	position: absolute;
	display: flex;
    height: 100vh;
	left: 50vw;
	margin-left: -132.1vh;
}

.Contact_Avatar {
	position: absolute;
	height: 100vh;
	left: 50%;
	margin-left: -89.5vh;
}

#Footer {
	bottom: 0;
}
#Early_Childhood_Detail {
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -33vh;
}

#Contact_Email {
	position: fixed;
	width: 15vh;
	height: 15vh;
	top: 10.3vh;
	left: 10vh;
	/*background-color: #667ABC;*/
}

#Contact_Email_Reveal {
	position: fixed;
	width: 27vh;
	height: 5vh;
	top: 0;
	margin-top: 25vh;
	left: 0;
	margin-left: 3vh;
	background-color: #D8D8D8;
}

#Contact_Phone {
	position: fixed;
	width: 15vh;
	height: 15vh;
	top: 30vh;
	left: 10.5vh;
	/*background-color: #667ABC;*/
}

#Contact_LinkedIn {
	position: fixed;
	width: 15vh;
	height: 15vh;
	top: 49.25vh;
	left: 11vh;
	/*background-color: #667ABC;*/
}

#Contact_Resume {
	position: fixed;
	width: 15vh;
	height: 15vh;
	top: 69vh;
	left: 11.5vh;
	/*background-color: #667ABC;*/
}

#Contact_Phone_Reveal {
	position: fixed;
	width: 25vh;
	height: 5vh;
	top: 0;
	margin-top: 45vh;
	left: 0;
	margin-left: 5vh;
	background-color: #D8D8D8;
}

#Contact_LinkedIn_Reveal {
	position: fixed;
	width: 25vh;
	height: 5vh;
	top: 0;
	margin-top: 64vh;
	left: 0;
	margin-left: 5.5vh;
	background-color: #D8D8D8;
}

#Contact_Resume_Reveal {
	position: fixed;
	width: 25vh;
	height: 5vh;
	top: 0;
	margin-top: 83.5vh;
	left: 0;
	margin-left: 6vh;
	background-color: #D8D8D8;
}

.XR_Background {
	position: absolute;
	display: flex;
	height: 100vh;
	width: 100vw;
	margin: 0;
	background-image: url("../images/Overall_String_Layer.jpg");
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}

.Exhibit_Background {
	position: absolute;
	display: flex;
	height: 100vh;
	width: 100vw;
	margin: 0;
	background-image: url("../images/Overall_String_Layer.jpg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
}



#XR_List_Details {
	position: fixed;
	height: 100vh;
	width: 32vh;
	left: 0;
	top: 0;
	/*background-color: sienna;*/
}



#Brief {
	display: none;
}

#XR {
	display: none;
}

#Exhibit {
	display: none;
}



#Contact {
	display: none;
}

.Early_Childhood_Project {
	display: none;
	width: 100vw;
}

.University_Project {
	display: none;
	width: 100vw;
}

.Early_Childhood_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 65.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Early_Childhood_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 87.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.University_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 65.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.University_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 87.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Guo_Pei_Link {
	position: absolute;
	top: 82.1%;
	left: 36%;
	height: 1.2%;
	width: 20%;
	/*background-color: teal;*/
}







.Subodh_Gupta_Link {
	position: absolute;
	top: 83.9%;
	left: 36%;
	height: 1.2%;
	width: 37.2%;
	/*background-color: navy;*/
}

.Chiharu_Shiota_Link {
	position: absolute;
	top: 85.7%;
	left: 36%;
	height: 1.2%;
	width: 23.3%;
	/*background-color: deeppink;*/
}

.Transformit_Link {
	position: absolute;
	top: 88.5%;
	left: 22%;
	height: 1.2%;
	width: 26%;
	/*background-color: white;*/
}

.TSI_UMMNH_Link {
	position: absolute;
	top: 90.3%;
	left: 22%;
	height: 1.2%;
	width: 21%;
	/*background-color: purple;*/
}



.Project_Links {
	position: relative;
	width: 100vw;
	height: 140vw;
	top: 0;
	left: 0;
}

.MADL_Link {
	position: absolute;
	top: 88.5%;
	left: 22%;
	height: 1.2%;
	width: 25%;
	/*background-color: white;*/
}

.TSI_MADL_Link {
	position: absolute;
	top: 90.3%;
	left: 22%;
	height: 1.2%;
	width: 21%;
	/*background-color: red;*/
}

.Natural_History_Project {
	display: none;
	width: 100vw;
}

.Natural_History_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 65.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Natural_History_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 87.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Bob_Ross_Link {
	position: absolute;
	top: 83.9%;
	left: 36%;
	height: 1.2%;
	width: 17%;
	/*background-color: teal;*/
}

.Gandhi_Link {
	position: absolute;
	top: 85.7%;
	left: 36%;
	height: 1.2%;
	width: 19%;
	/*background-color: navy;*/
}

.Point_Vicente_Link {
	position: absolute;
	top: 87.5%;
	left: 36%;
	height: 1.2%;
	width: 27%;
	/*background-color: deeppink;*/
}

.MCCB_Link {
	position: absolute;
	top: 88.5%;
	left: 22%;
	height: 1.2%;
	width: 48.5%;
	/*background-color: white;*/
}

.TSI_MCCB_Link {
	position: absolute;
	top: 90.3%;
	left: 22%;
	height: 1.2%;
	width: 21%;
	/*background-color: purple;*/
}

.Cultural_History_Project {
	display: none;
	width: 100vw;
}

.Cultural_History_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 65.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Cultural_History_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 87.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Embellished_Link {
	position: absolute;
	top: 90.3%;
	left: 22%;
	height: 1.2%;
	width: 55%;
	/*background-color: purple;*/
}

.York_Link {
	position: absolute;
	top: 83.9%;
	left: 36%;
	height: 1.2%;
	width: 33%;
	/*background-color: teal;*/
}

.Dakota_Link {
	position: absolute;
	top: 85.7%;
	left: 36%;
	height: 1.2%;
	width: 37%;
	/*background-color: deeppink;*/
}

.Trade_Show_Project {
	display: none;
	width: 100vw;
}

.ExhibitPro_Link {
	position: absolute;
	top: 90.3%;
	left: 22%;
	height: 1.2%;
	width: 19%;
	/*background-color: purple;*/
}

.Trade_Show_Arrow_Prev {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 65.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}

.Trade_Show_Arrow_Next {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 87.5vw;
	left: 91vw;
	cursor: pointer;
	/*background-color: orange;*/
}