@import url("bootstrap.min.css");
@import url("font-awesome.min.css");

/* -------Fonts-------- */

@font-face {
	font-family: BebasNeueRegular;
	src: url(../fonts/BebasNeueRegular.woff);
}
@font-face {
	font-family: BebasNeueBold;
	src: url(../fonts/BebasNeueBold.woff);
}
@font-face {
	font-family: BebasNeueBook;
	src: url(../fonts/BebasNeueBook.woff);
}
/* -------Fonts End-------- */

/* -------Common-------- */

html,
body {
	height: 100%;
}
body {
	background: #000;
	background-image: url(../img/bg.jpg);
	height: 100%;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.heading h1 {
	font-family: BebasNeueBook;
	color: #fff;
	font-size: 80px;
	text-transform: uppercase;
	margin-top: 70px;
	letter-spacing: 4px;
	line-height: 81px;
}
.heading h1 span {
	font-family: BebasNeueBold;
	letter-spacing: 4px;
}
.social ul {
	padding: 0;
}
.social ul li {
	list-style: none;
	display: inline;
}
.social ul li a i {
	color: #fff;
	font-size: 28px;
	margin-right: 15px;
	transition: all 0.5s ease-out;
}
.social ul li a i:hover {
	color: #419fd4;
}
.contact p {
	font-family: BebasNeueRegular;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.contact p.email {
	font-size: 18px;
	letter-spacing: 2px;
}
.contact p.copyright {
        font-size: 12px;
        margin-bottom: 0;
        margin-top: 10px;
}
.email {
	margin: 0;
}
.email a {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.email a:hover {
	color: #419fd4;
}
.messenger h3 {
	font-family: BebasNeueRegular;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
}
.messenger h3 span {
	color: #5cc1d3;
}
.messenger i {
	font-size: 55px;
	color: #fff;
	transition: all 0.5s ease-out;
}
.messenger i:hover {
	color: #419fd4;
}
.logo {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 220px;
}
.logo img {
	width: 120px;
	margin-left: 80px;
}
.logo h1 {
	font-family: BebasNeueBook;
	color: #fff;
	font-size: 70px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0;
	line-height: 60px;
	margin-top: 20px;
}
.logo h1 span {
	font-family: BebasNeueBold;
}
.logo p {
	font-family: BebasNeueBook;
	color: #fff;
	font-size: 32px;
	letter-spacing: 3px;
	line-height: 25px;
	margin-bottom: 0px;
}
.messenger {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.contact {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media screen and (max-width: 780px) {
	body {
		background-image: url(../img/mobbg.jpg);
	}
	.heading h1 {
		font-size: 36px;
		margin-top: 60px;
		line-height: 36px;
	}
	.logo {
		position: relative;
		margin: 0 auto;
		text-align: left;
		margin-top: 250px;
		bottom: 0;
		left: 50%;
		width: 180px;
		margin-left: -90px;
	}
	.logo h1 {
		font-size: 48px;
		line-height: 45px;
		margin-top: 20px;
	}
	.logo p {
		font-family: BebasNeueBook;
		color: #fff;
		font-size: 22px;
		letter-spacing: 0.11em;
		line-height: 0.9em;
	}
	.logo img {
		width: 90px;
		margin-left: 50px;
	}
	.messenger {
		position: relative;
		bottom: 0;
		right: 0;
		margin-top: 100px;
	}
	.contact {
		position: relative;
		bottom: 0;
		left: 0;
		-webkit-transform: none;
		transform: none;
		margin: 30px 0;
	}
}
@media screen and (max-width: 500px) {
	body {
		background-size: contain;
	}
}