@font-face {
	font-family: 'gothic';
	src: url("fonts/GOTHIC.TTF") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'fontawesome-webfont';
	src: url("fonts/fontawesome-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}
html,
body
{

	font-family: 'gothic';
	background-color: #2b2a29;
	color: #FFF;
	margin: 0;
	overflow: hidden;
}
img
{
	height: 50vh;
	margin-left: 30vw;
}
.container {
	height: 110vh;

}

.wrapper.first
{
	
	margin-top: 25vh;
	height: 60vh;
}
.wrapper
{
	white-space: nowrap;
	overflow: hidden;

}
.bold
{
	font-weight: bold;
	padding-bottom: 100px;
}
.left
{
	width: 30%;
	float: left;
}
.right
{
	width: 70%;
	float: left;
	text-align: center;
	font-size: 4rem;
	line-height: 2;
}
.center
{
	margin: 0 auto;
	text-align: center;
}
a
{
	text-decoration: none;
	color: #FFF;
}
a:visited
{
	color: #FFF;
}
a:hover
{
	text-decoration: none;
	color: #FFF;
}
@media screen and (max-width: 1400px)
{
	.right
	{
		font-size: 3rem;
	}
}
@media screen and (max-width: 1400px)
{
	.right
	{
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 960px)
{
	img
	{
		margin-left: 15vw;
	}
}
@media screen and (max-width: 767px)
{
	a
	{
		text-decoration: none;
		color: #FFF;
	}
	a:visited
	{
		color: #FFF;
	}
	a:hover
	{
		text-decoration: none;
		color: #FFF;
	}

	.wrapper.first
	{

		
		height: 50vh;
		max-width: 94%;
		margin: 15vh auto 0;
	}
	.right
	{
		margin-top: 10vh;
	}
	.right p
	{
		margin-block-start: 0;
		margin-block-end: 0;
		line-height: 4rem;
	}
	.right
	{
		font-size: 2.5rem;
	}
	.center
	{
		margin: 5vh auto 0;
	}
	img
	{
		margin-left: 0;
	}
}