@charset "UTF-8";
/* CSS Document */
@font-face{
	font-family:nameFont;
	src:url(../fonts/nameFont.ttf);
}
@font-face{
	font-family:titleFont;
	src:url(../fonts/titleFont.ttf);
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	background-image:url(../images/background2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#011F55;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:auto;
	z-index:0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#initialImage{
	width:100%;
	height:100%;
	position:relative;
	background-image:url(../images/background1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	z-index:10000;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
#nameBox {
	color: #33E34C;
	font-size: 6rem;
	text-align: center;
	cursor: pointer;
	z-index: 10001;
	width: 649px;
	height: 249px;
	display: block;
	position: relative;
}
.firstLetter{
	color:#2EC6E3;
	font-size:9rem;
}#bgMusicController {
	width: 61px;
	height: 49px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}
#bgMusicController img {
	margin-left: -61px;
}
#centeringDiv{
	background-color:rgba(255,255,255,0.5);
	width:100%;
	height:100%;
	position:relative;
	}
section h1{
	font-family: titleFont;
	font-size: 4em;
	text-align: center;
	color: #03A600
}
section p {
	text-align: center;
	color: #0000;
}
section {
	position:relative;
	width: 33%;
	float: left;
	height:300px;
}
section figure{
	width:100%;
	height:200px;
	position:relative;
	text-align:center;
}
section figure img{
	width:auto;
	height:200px;
	position:relative;
}
footer{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
	display:-webkit-flex;
	display:flex;
	align-content:center;
	justify-content:center;
	font-size:0.8em;

}
.clearFloat{
	clear:both;
}
@media screen and (orientation:portrait) and (max-width:480px){
	section {
		padding: 5px; 
		width: 100%;
		float: none;
		height:auto;
		margin-bottom: 500px;
		clear:both;
		position:relative;
	}
	section h1 {
		font-size: 2em;
		text-align: center;
	}
	#initialImage {
	}
	#nameBox {
		font-size: 2em;
	}
	.firstLetter {
		font-size: 2em;
	}
	#nameBox {
		width: 100%;
	}
	#bgMusicController {
		width: 100%;
	}
	section figure img {
		height: auto;
		max-width: 480px;
		width: 100%;
	}
	.blankSection{
		display:none;
	}
}