* {padding:0;margin:0;}
body {height:100%;width:100%;font-family:'Maven Pro',helvetica,sans-serif;}
::selection {background: #fff;}
::-moz-selection {background: #fff;}
/* FONT */
/* maven-pro-regular - latin */
/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Regular'), local('MavenPro-Regular'),
       url('fonts/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* MAIN */
#half {width:50%;background-color:#0099cc;height:100%;position:fixed;display:block;}
#page-frame {height: 100%;bottom: 0;left: 0;margin: auto;position: absolute;right: -100%;top: 0;width: 150%;}
#page-inner {position:relative;height:100%;}
#title {position:absolute;top:20px;left:0;width:48%;text-align:right;}
#info {position:absolute;top:20px;right:0;width:48%;height:100%;}
#footer {text-align:right;font-size:0.75em;line-height:0.95em;position:fixed;right:20px;bottom:20px;}
#footer_imp {text-align:right;font-size:0.75em;line-height:0.95em;margin: 20px;}

/* CONTENT */
h1 {font-family: 'Raleway', sans-serif;font-weight:300;font-size:40px;color:white;text-transform:uppercase;}
h2 {font-family: 'Raleway', sans-serif;font-weight:500;font-size:20px;color:black;text-transform:uppercase;margin-top:6px;}
.social {float:right;margin-top:27px;}
.social a {background-color:#000;background-image: url('images/sprites.png');background-repeat:no-repeat;width: 44px;height: 44px;display:block; float:left;margin-left:10px;opacity:0.5;}
.social a.facebook {background-position: 10px -340px ;}
.social a.wordpress {background-position: -40px -340px ;}
.social a.linkedin {background-position: -90px -340px ;}
.social a.xing {background-position: -140px -340px ;}
.social a.mail {background-position: -190px -340px ;}
.social a:hover {opacity:1;}

/* RESPONSIVE */
@media screen and (max-width:360px) {
    #title, #info {padding:20px;}
	.social a.mail {margin-top: 10px;}
	.social a.wordpress {margin-right:50px;}

}

@media screen and (max-width:767px) {
    body {overflow:scroll;}
    #half {width:100%;background-color:transparent;position:relative;height:auto;overflow:hidden;}
    #page-frame {width:100%;position:relative;}
    #title, #info {background-color:#0099cc;position:relative;width:auto;top:auto;padding:30px;text-align:left;overflow:hidden;}
	#info {background-color:#FFFFFF;}
    #footer {position:relative;text-align:center;bottom:auto;right:auto;padding:10px 0;width:100%;}

    .social {width:100%;}
    .social a {margin-right:10px;margin-left:0;}
}