*{
	font-family: 'Torque-Bold', sans-serif;
}
body, html{
	padding: 0px; 
	margin: 0px;
}
img{max-width: 100%}

.underlay{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: rgba(0,0,0,0.6);
	z-index: 0;
}

.underlay-white{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: rgba(255,255,255,0.7);
	z-index: 0;
}

#app{
	width: 100%;
	height: 100vh;
}


#top-header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 70px;
	padding-top: 20px;
	padding-left: 30px;
	z-index: 100;
	color: #FFFFFF;
	font-size: 20px;
	background-color: transparent;
}
#location{
	position: absolute;
	top: 20px;
	left: 80px;
	letter-spacing: 1px;
}
#hamburger{
	cursor: pointer;
}
#fullpageiframe{
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000000;
	z-index: 10;
}
#fullpageiframe iframe{
	width: 100%;
	height: 100%;
	border: 0px;
}
#fullpagevr{
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000000;
	z-index: 10;
}
#vrview, #vrview iframe {
  width: 100%;
  height: 100%;
  display: block;
}
#fullpagevideo{
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000000;
	z-index: 10;
}
#fullpagevideo video {
  width: 100%;
  display: block;
}
#megamenu{
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #510B62;
	z-index: 999;
	padding-top: 50px;
	padding-left: 35px;
}
.closemegamenu{
	position: absolute;
	top: 20px;
	left: 30px;
	color: #FFFFFF;
	font-size: 20px;
	cursor: pointer;
}
#fullpageiframe .closemegamenu{
	top: 100px
}
#fullpagevr .closemegamenu{
	top: 100px
}
#fullpagevideo .closemegamenu{
	top: 100px;
	z-index: 20;
}
.megamenu-node{
	width: 7px;
	height: 7px;
	background-color: #FFFFFF;
}
.megamenu-node-extend{
	height: 100px;
	border-left: 3px solid #FFFFFF;
	margin-left: 2px;
}

.megamenu-item{
	position: relative;
	padding-left: 65px;
	margin-bottom: 30px;
}
.megamenu-link{
	text-decoration: none;
	color: #FFFFFF !important;
	letter-spacing: 1px;
}
.megamenu-vert{
	position: absolute;
	top: -40px;
	bottom: 17px; 
	border-left: 3px solid #FFFFFF;
	left: 2px;
}
.megamenu-horizontal{
	position: absolute;
	bottom: 12px; 
	border-bottom: 3px solid #FFFFFF;
	left: 8px;
	width: 45px;
}

.stationideation{
	position: absolute;
	transform: rotate(-90deg);
	top: 400px;
	left: -62px;
	font-size: 20px;
	letter-spacing: 1px;
}

.page{
	min-height: 90vh;
	position: relative;
	overflow-x: hidden;
}
#page-hero{
	background-color: #F4F4FF; 
	background-image: url("/images/2021-08-04_11.53.51.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow-y: hidden;
}
#page-town-hall{
	background-image: url("/images/360-images/outside/front.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#page-the-mission{
	padding-top: 20px;
	line-height: 1.6;
	color: #6C6C6C;
	background-image: url("/images/mission-bg.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 100px;	
	font-size: 18px;
	overflow-y: hidden;
}

#page-get-on-board{
	z-index: 4;
	background-color: #FFFFFF;
	/* background-image: url("/images/2021-08-04_13.08.12.png"); */
	/* background-image: url("/images/in-game-1.png"); */
	background-image: url("/images/page4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.middle-text{
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -400px;
	
	width: 800px;
	padding: 50px;
	text-align: center;
	color: #231F20;
	font-size: 20px; 
	line-height: 1.5;
	letter-spacing: 1px;
	background: rgba(255,255,255,.9);
}

#page-the-mission h1, #page-the-mission h3{
	color: #231F20;
}


#page-submit-your-design-solution{
	padding-top: 20px;
	line-height: 1.6;
	color: #6C6C6C;
	background-image: url("/images/mission-bg.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 100px;
	
	font-size: 18px;
}
#page-submit-your-design-solution h1, #page-submit-your-design-solution h3, #page-submit-your-design-solution h6{
	color: #231F20;
}


#page-help{
	
	line-height: 1.6;
	color: #6C6C6C;
	background-image: url("/images/mission-bg.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 100px;
	min-height: 75vh;
	font-size: 18px;
}
#page-help h1, #page-help h3, #page-help h6{
	color: #231F20;
}


#bottom-footer{
	background-color: #636466;
	padding: 50px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
}
#bottom-footer a{
	color: #FFFFFF !important;
	font-family: VIC-Regular;
	text-decoration: none;
}
#bottom-footer a:hover{
	text-decoration: underline;
}
#bottom-vs{
	background-color: #231F20;
	padding: 20px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	line-height: 1.2;	
}



#page-explore-mini-melbourne{
	padding-top: 150px;
	line-height: 1.6;
	color: #231F20;
	background-image: url("/images/2021-08-04_11.52.26.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 100px;
	
	font-size: 18px;
}
#page-explore-mini-melbourne h1, #page-explore-mini-melbourne h3, #page-explore-mini-melbourne h6{
	color: #231F20;
}


.large-label-container{
	
}

.download-logo-container{
	height: 90px;
	}

.padme{
	padding: 40px;
	text-align: center;
	}

.large-label{
	padding: 20px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	
	line-height: 1
}
.large-label span{
	font-size: 32px;
	display: block;
	}



#hero-image{
	position: absolute; 
	top: 50%; 
	left: 50%; 


	   margin-top: -128px; 
    margin-left: -313px; 
    width: 616px; 
    height: 255px;

	/*margin-top: -170px; 
	margin-left: -411px; 
	width: 822px; 
	height: 345px;*/
	display: block;
}

.megamenupicture{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 65%;
	background-image: url("/images/station.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



.townhall-welcome{
	width: 400px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -200px;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 24px;
}

.cool-minecraft-button{
	padding: 10px 50px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 5px solid #FFFFFF;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #FFFFFF;
	text-decoration: none;

}

.cool-minecraft-button.green{
	background-color: #2CB34A;
	border-color: #3B9143
}
.cool-minecraft-button.green:hover{
	background-color: #3B9143;
	border-color: #3B9143;
	color: #FFFFFF;
}

.cool-minecraft-button.purple{
	background-color: #782B90;
	border-color: #510B61
}
.cool-minecraft-button.purple:hover{
	background-color: #510B61;
	border-color: #510B61;
	color: #FFFFFF;
}

.cool-minecraft-button.blueish{
	background-color: #8BB3DF;
	border-color: #587ABC
}
.cool-minecraft-button.blueish:hover{
	background-color: #587ABC;
	border-color: #587ABC;
	color: #FFFFFF;
}


.randomsquare{
	height: 24px;
	width: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #510B61;
	animation: pulse 5s infinite;
	opacity: 0.5;
	z-index: 0;
}

#freddy-wrap{
	position: absolute;left: -200px; right: -200px;
	/*  top: -150px;  */

}
#freddy{
	margin: 0 auto; width: 600px; z-index: 1; max-width: 600px
}
#downloadsrow{
	max-width: 1200px;
	margin: 0 auto;
}
#downloadsrow > .col-lg-4{padding-bottom: 20px}
#mini-melbourne-logo{
	max-width: 400px
}

@keyframes pulse {
  0% {
    background-color: #510B61;
    opacity: 0.5;
  }
  50% {
    background-color: #FFFFFF;
    opacity: 0.8;
  }
  100% {
    background-color: #510B61;
    opacity: 0.5;
  }
}