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

*{
	margin 0;
	padding 0;
}

body {
	font-family: "montserrat";
	text-align: center
}
.wrapper {
	width: 90%;
	margin: 0 auto;
	
}
header{
	width: 100%;
	height: 100px;
	background: #8200BF;
	position:fixed;
}

.logo{
	width: 30%;
	float: left;
	text-align: left;
	line-height: 80px;
}
nav{
	float: right;
	line-height: 100px;
}
nav a{
	text-decoration: none;
	font-family: "montserrat";
	letter-spacing: 4px;
	font-size: 10px;
	color: #FFFFFF;
	padding: 50px 10px;
	margin: 0 1px;
}
nav a:hover{
	background: #FFFFFF;
	color: #000000;
	font-weight: 700;
}
.banner-area{
	background-image: url("images/img_header.png");
	background-size: cover;
	background-position: center center;
	top: 100px;
	height: 100vh;
	width: 100%;
	position: fixed;
}
.banner-area:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.banner-area h2{
	padding-top: 8%;
	font-size: 80px;
	color: #FFFFFF;
}

.content-area{
	width: 101%;
	height: 7680px;
	position: relative;
	background: #FFFFFF;
	top: 600px;
}

.content-area h1{
	font-size: 40px;
	margin: 0;
	padding-top: 30px;
	letter-spacing: 4px;
}
.content-area p{
	padding: 2% 0;
	line-height: 30px;
	text-align:center;
}

.content-area ul{
	text-align: left;
}

.content-area ol{
	text-align: left;
}