@charset "UTF-8";
body{
	background:#fff;
	padding:0;
	margin:0;
	-webkit-font-smoothing: antialiased;
}

html, body{
	width: 100%;
	height:100%; 
}

img{
	width:100%;	
}

h1{
	font-family: 'telegrafregular';
}

h2{
	font-family: 'telegrafregular';
}

@font-face {
    font-family: 'ridley_groteskmedium';
    src: url('../fonts/radomir_tinkov_-_ridleygrotesk-medium-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_ridleygrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ridley_groteskregular';
    src: url('../fonts/radomir_tinkov_-_ridleygrotesk-regular-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_ridleygrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'telegrafregular';
    src: url('../fonts/telegraf-regular-webfont.woff2') format('woff2'),
         url('../fonts/telegraf-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------------------------------------------------------
Links
-----------------------------------------------------------------------------------*/

a, img {
    border:none;
	text-decoration:none;
}

a.external:link {
	color:#d9d8d6; text-decoration: none;
}

a.external:visited {
	color:#a9a89f; text-decoration: none; 
}

a.external:hover {
	color:#cfb400;
}

a.internal:link {
	color:#fff; text-decoration: none;
}

a.internal:visited {
	color:#a9a89f; text-decoration: none; 
}

a.internal:hover {
	color:#cfb400;
}

.appleLinks a {
	color:#fff;
	font-size:36px;
}

.appleLinksWhite a {
	color:#ffffff;
}

.container{
	width:100%;
	height:100%;
	background:#24272a;
	background-size:cover;	
	margin:0;
	padding:0;
	text-align:center;
	border-top:#333 9px solid;
}

.logo{
	max-width:500px;
	margin: auto;	
	padding:100px 0 0;
	position:relative;
}

.message{
	margin:50px auto;	
	text-align:center;
}

.message h1{
	font-size:24px;
	color:#d9d8d6;
	text-transform:none;
	letter-spacing:1px;		
}

.phone{
	max-width:300px;
	margin:auto;
	border: 2px #fff solid;
	padding:5px 5px;	
}

.phone h2{
	font-size:16px;
	color:#d9d8d6;	
}

.mail{
	max-width:300px;
	margin:auto;
	border-top: 2px solid #cfb400;
	border-right: 2px solid #cfb400;
	border-left: 2px solid #cfb400;
	border-bottom: 2px solid #cfb400;
	padding:5px 5px;	
}

.mail h2{
	font-size:16px;
	color:#d9d8d6;	
}

@media only screen and (max-width: 1024px) { 
.logo{
	width:75%;
}
}