@font-face {
	font-family: "apercu-medium";
	src: url(font/apercu-medium.woff);
}
@font-face {
	font-family: "MS Gothic";
	src: url(font/MS-Gothic.ttf.woff);
}
*{
	color:#fff;
	font-family: "apercu-medium", 'Montserrat', Georgia, serif, 'MS Gothic'!important;
	font-weight: bold;
	font-size: 20px;
}


body .container{
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
}
.visible-xs{
	display: none;
}
body a{
	color: rgba(231, 75, 53, 1);
}
body a:hover{
	color: rgba(231, 75, 53, 0.8);
	text-decoration: none;
}
.email{
	right: 50px;
}
.mini{
	margin-top: 100px;
}



.bottom{
	bottom:50px;
	width:100%;
	position:fixed;
}
body{
	-webkit-transition: background 1s ease-in-out;
	-moz-transition: background 1s ease-in-out;
	-o-transition: background 1s ease-in-out;
	transition: background 1s ease-in-out;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #000;
}
.layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 700px) {
	body .container {
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.bottom{
		bottom:20px;
	}
	.invisible-xs{
		display: none;
	}
	.visible-xs{
		display: block;
	}
}

@media screen and (max-width: 408px) {
	* {
		font-size: 19px;
	}

}
@media screen and (max-width: 390px) {
	* {
		font-size: 18px;
	}

}
@media screen and (max-width: 370px) {
	* {
		font-size: 16px;
	}

}
@media screen and (max-width: 340px) {
	* {
		font-size: 15px;
	}

}