* {
	margin:0;
	padding:0;
	outline: none;
}


@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProThin.otf") format("opentype");
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProThinItalic.otf") format("opentype");
    font-style: italic;
    font-weight: 100;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProLight.otf") format("opentype");
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProLightItalic.otf") format("opentype");
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotPro.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProThinItalic.otf") format("opentype");
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProBold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProBoldItalic.otf") format("opentype");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProHeavy.otf") format("opentype");
    font-style: normal;
    font-weight: 900;
}
@font-face {
    font-family: "FSElliotPro";
    src: url("../fonts/FSElliotProHeavyItalic.otf") format("opentype");
    font-style: italic;
    font-weight: 900;
}


html {
	height:100%;
}
body {
	color: #f6e1c2;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-family: 'FSElliotPro', Tahoma, Arial, Helvetica, sans-serif;
	background: #45413e url(../images/bg.png) 0% 0% repeat-y;
	background-size:contain;
	height:100%;
	text-align:center;
}

a {
	text-decoration: none;
	color:#f6e1c2;
}
img {
	max-width:100%;
}

#all {
	min-height:100%;
	width:700px;
	margin:0px auto;
	display:flex;
	align-items:center;
}
#all .title {
	font-size:150%;
	letter-spacing:8px;	
}
#all .logo {
	margin:85px 30px 0px 30px;	
}
#all .social {
	margin:75px 0px 0px 0px;	
}
#all .social a {
	display:inline-block;
	margin:0px 15px;
}
#all .social a img {
	height:30px;
}
#all .text {
	margin:55px 0px 0px 0px;	
	display:flex;
	justify-content:space-around;
}
#all .text .text-item {
	padding:0px 10px;
}
#all .text .text-item p {
	margin:0px 0px 10px 0px;
	letter-spacing:3px;
}
#all .text .text-item a {
	display:inline-block;
	font-size:120%;
	letter-spacing:5px;
}
#all .text .text-item a i {
	color:#c6243d;
}
#all .copyright {
	margin:55px 0px 0px 0px;	
	font-size:150%;
	letter-spacing:8px;		
}

@media (min-width: 1600px) {
	body {
		font-size:15px;
	}
	#all {
		width:1024px;
	}
}
@media (max-width: 1024px) {
	#all .text {
		display:block;
	}
	#all .text .text-item {
		margin:0px 0px 30px 0px;
	}	
	#all .text .text-item:last-child {
		margin:0px;
	}	
}