*{
	font-family: Montserrat, sans-serif;
}

h1,h2,h3,h4,h5,h6{ margin: 0; }

hr{
	background-color: #333;

	display: block;
	content: "";
	width: 100%;
	max-width: 1200px;
	height: 3px;
	border: none;

	margin-top: 75px;
}

/*ScrollBar*/
/*::-webkit-scrollbar{
	width: 15px;
}

::-webkit-scrollbar-track{
	background: #222;
}

::-webkit-scrollbar-thumb{
	background: #e6e6e6;
	border: 4px solid #222;
	border-radius: 8px;
}*/


/*Container*/
.container{
	width: 100;
	max-width: 1200px;
	margin: 0 auto;
}


/*Intro*/
.intro{
	display: flex;
	flex-direction: column;
	justify-content: center;

	background: linear-gradient(to bottom, #4F535B, #2F3136);

	color: #fff;
	margin: 0;

	width: 100%;
	height: 100vh;

	text-align: center;
}

.intro__title{
	font-weight: 700;
	font-size: 72px;
	text-align: center;
	line-height: 1;
}

.intro__title:after{
	content: "";

	display: block;
	width: 100%;
	max-width: 120px;
	height: 3px;

	margin: 60px auto;

	background-color: #fff;
}

.intro__title2{
	font-weight: 700;
	font-size: 100px;
	text-align: center;
	line-height: 1;
}

.intro__title2:after{
	content: "";

	display: block;
	width: 100%;
	max-width: 120px;
	height: 3px;

	margin: 6px auto;
}

.intro__title3{
	font-weight: 700;
	font-size: 36px;
	color: #00aa00;
	text-align: center;
	line-height: 1;
}

.intro__title3:after{
	content: "";

	display: block;
	width: 100%;
	max-width: 120px;
	height: 3px;

	margin: 6px auto;
}

.intro__title4{
	font-weight: 700;
	font-size: 36px;
	color: #aa0000;
	text-align: center;
	line-height: 1;
}

.intro__title4:after{
	content: "";

	display: block;
	width: 100%;
	max-width: 120px;
	height: 3px;

	margin: 6px auto;
}


/*Header*/
.header{
	width: 100%;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	z-index: 1000;

	padding-top: 30px;
}

.header__inner{
	display: flex;
	justify-content: space-between;
}

.logo{
	color: #fff;
	font-weight: 700;
	font-size: 30px;
}



/*Nav*/
.nav{
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.nav__link{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;

	position: relative;

	color: #fff;
	font-weight: 700;
	text-decoration: none;

	transition: color .2s linear;
}

.nav__link:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;

	opacity: 0;

	background-color: #ff1280;
	position: absolute;

	top: 100%;
	left: 0;
	z-index: 1;

	transition: opacity .2s linear;
}

.nav__link:hover{
	color: #ff1280;
}

.nav__link:hover:after{
	opacity: 1;
}



/*Button*/
.btn{
	display: inline-block;
	vertical-align: top;

	border: 3px solid #fff;
	padding: 8px 30px;

	background-color: rgba(0,0,0, 0);

	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;

	transition: background .1s linear, color .1s linear
}

.btn:hover{
	background-color: #fff;
	color: #333;
}



/*Footer*/
.footer{
	width: 100%;

	display: block;
	color: #fff;

	text-align: center;
	padding-top: 130px;
}