/*********** 
   BASE
************/

.home {
	background-image: url(../images/main.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 1000px;
	font-family: 'Allerta Stencil', sans-serif;
}

.homebody{
	background-color: black;
}

.brief {
	padding-top: 420px;
	font-size: 30px;
	color: black;
	text-decoration: none;
}
.celer {
	font-size: 30px;
	color: yellow;
}

.wiki{
	float: right;
	padding-top: 25px;
	font-size: 20px;
	color: yellow;
	text-decoration: none;
}

.content {
	float: right;
	font-size: 30px;
	color: yellow;
	text-decoration: none;
}

/*********** 
   STATE
************/


@media (max-width: 1200px){
	.brief {
		padding-top: 350px;
		font-size: 25px;
	}
	.celer {
		font-size: 25px;
	}
	.wiki {
		padding-top: 40px;
		font-size: 17px;
	}
	.content {
		font-size: 25px;
	}
}

@media (max-width: 940px){
	.brief {
		padding-top: 280px;
		font-size: 25px;
	}
	.celer {
		font-size: 25px;
	}
	.wiki {
		padding-top: 40px;
		font-size: 15px;
	}
	.content {
		font-size: 25px;
	}
}

@media (max-width: 840px){
	.brief {
		padding-top: 200px;
		font-size: 20px;
	}
	.celer {
		font-size: 20px;
	}
	.wiki {
		padding-top: 40px;
		font-size: 12px;
	}
	.content {
		font-size: 20px;
	}
}

@media (max-width: 700px){
	.brief {
		padding-top: 145px;
		font-size: 18px;
	}
	.celer {
		font-size: 18px;
	}
	.wiki {
		padding-top: 40px;
		font-size: 10px;
	}
	.content {
		font-size: 18px;
	}
}

@media (max-width: 540px){
	.brief {
		padding-top: 100px;
		font-size: 15px;
	}
	.celer {
		font-size: 15px;
	}
	.wiki {
		padding-top: 30px;
		font-size: 7px;
	}
	.content {
		font-size: 15px;
	}
}

@media (max-width: 320px){
	.brief {
		padding-top: 60px;
		font-size: 12px;
	}
	.celer {
		font-size: 12px;
	}
	.wiki {
		padding-top: 30px;
		font-size: 5px;
	}
	.content {
		font-size: 12px;
	}
}