@charset "UTF-8";
/* CSS Document */

#wrapper{
	background-color:rgba(50,50,50,0);
	padding:5px;
	border-radius:6px;
	margin:0 auto;
}

body{
	background-color:white;
	font-family:'Open Sans','Futura', 'Arial',san-serif;
	font-weight:400;
	font-size: 16px;
	text-align: center;
}
img#construction{
	margin: -8vw auto 100px;
	padding: 0px auto 0px;
	width: 30vw;
	height: auto;
}
.line{
	background-image: url('images/construct_line.png'); 
	background-repeat: repeat-x; 
	background-size: auto 4vw;
	height:4vw;
	margin: 5vw -100px 10vw;
}
.main{
	display:block;
	margin: 20px auto;
	padding: 20px;
	width: 85%;
	border-radius: 10px;
	text-align:left;
	background-color: aliceblue;
	font-weight: 700;
	font-size: 4vw;
	color:rgb(149,46,70);
}
.main p{
	font-weight: 400;
	text-decoration: none;
	color: black;
	margin: 1px auto;
}
.main a{
	font-weight: 400;
	text-decoration: none;
	color: black;
}

.subtitle{
	font-size: 1.2em;
	text-align: center;
	margin:0 auto;
}
#construction{
	margin-top: 50px;
	font-size: 4em;
}
footer{
	padding-top: 5%;
}
#footc{
	font-size: 3vw;
}

.logo{
	margin: 20px;
	width: 60%;
}

.link{
	font-size: 5em;
	text-decoration: none;
	font-family: 'Impact';
	color: darkred;
}

/* Develop Mode */	
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack1{
		color:lightgrey;
	}
@media only screen and (min-width:780px) {  
/* For bigger-than-mobile */
	.logo{
		margin: 20px;
		width: 468px;
	}
	.main{
		margin: 20px auto;
		padding: 20px;
		width: 663px;
		border-radius: 10px;
		text-align:left;
		background-color: aliceblue;
		font-weight: 700;
		font-size: 2em;
	}
	.main p{
		font-weight: 400;
		text-decoration: none;
		color: black;
		margin: 1px auto;
	}
	.main a{
		font-weight: 400;
		text-decoration: none;
		color: black;
	}
	footer{
		padding-top: 60px;
	}
	#footc{
		font-size: 1.5em;
	}
	img#construction{
		margin: -80px auto 100px;
		padding: 0px auto 0px;
		width: 300px;
		height: auto;
	}
	.line{
		background-image: url('images/construct_line.png'); 
		background-repeat: repeat-x; 
		background-size: auto 50px;
		height: 50px;
		margin: 60px -100px 30px;
	}
	
/* Develop Mode */	
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack2{
		color:white;
	}
}

@media only screen and (min-width:1350px) {
/* For desktop */
/* Develop Mode */
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack3{
		color:white;
	}
}

@media only screen and (min-width:1915px) {
/* For fullscreen */
/* Develop Mode */
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack4{
		color:white;
	}
}

@media only screen and (min-width:2000px) {
/* For 4k screen */
/* Develop Mode */
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack4{
		color:white;
	}
}

@media only screen and (max-width:300px) {
/* Develop Mode */	
	.stack1, .stack2, .stack3, .stack4{
		position:absolute;
		color:transparent;
		padding-top:8px;
		padding-bottom:7px;
	}
	.stack1{
		color:white;
	}
}

/* 

Note:
GN color: Burgundy rgba(149,46,70,1), Blue rgba(0,85,184,1);

*/