 *{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body{
	background: url("../images/bg.jpg") no-repeat fixed center top #000000;
	font-family: "marburgmediumregular", Times New Roman, sans-serif;
	font-size:17px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	line-height:23px;
	color:#fff;
}

@font-face {
    font-family: 'marburgextraboldregular';
    src: url('../fonts/marburgextrabold-regular-webfont.eot');
    src: url('../fonts/marburgextrabold-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/marburgextrabold-regular-webfont.woff') format('woff'),
         url('../fonts/marburgextrabold-regular-webfont.ttf') format('truetype'),
         url('../fonts/marburgextrabold-regular-webfont.svg#marburgextraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'marburgmediumregular';
    src: url('../fonts/marburgmedium-regular-webfont.eot');
    src: url('../fonts/marburgmedium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/marburgmedium-regular-webfont.woff') format('woff'),
         url('../fonts/marburgmedium-regular-webfont.ttf') format('truetype'),
         url('../fonts/marburgmedium-regular-webfont.svg#marburgmediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper {
	width: 100%;

}
p {
	font-family: 'marburgextraboldregular';
}

a {
	color: #fff;
}

#logo {
	float: left;
	width: 22%;
	Height: auto;
	padding: 1%;
}

#logo img{
	width:100%;
	height: auto;
}

#contact {
	float: right;
	padding: 1.5% 2% 0 1%;	
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
	padding: 0 0 10px;
}

/** ipad portret */ 
@media(max-width: 995px){
	body {
	font-size:13px !important;
	color: #ffffff;
	}
	a {
	color:#ffffff;
	}
}

/** iphone landscape*/
@media (max-width: 767px) {
	body {
	background-image: none;
	font-size:10px !important;
	}
}
 

@media(max-width: 479px) {
	body {
	background-image: none;
	font-size:10px !important;
	}
	
	#logo {
	width: 100%;
	}
	
	#contact {
	float: left;
	width: 100%;
	padding: 0 0 0 1%;
	vertical-align: middle;

	}
}