@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600');
@import url(https://fonts.googleapis.com/css?family=Lato:600,500,400,300);
@font-face {
    font-family: Orator Std;
    src: url(OratorStd.otf);
}
html {
	overflow-y: scroll !important;
}

html, body {
	font-family: 'Lato', sans-serif;
    margin:0;
    padding:0;
    height:100%; 
	color: white;
	font-size: 16px;
	font-weight: 400;
}

p ul {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    
}

a {
    color:#42758B;
}

h3 {
	font-size:30px;	
}

h4 {
	font-size:24px;	
}
/* classes */

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  color:white;
}

.navbar {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);

  border:0px;
  z-index: 99;
  font-family: 'Orator Std', sans-serif;
}

.navbar-inverse .navbar-nav li a {
    color:white;
    margin-top:0.5em;	
}

.navbar-inverse .navbar-nav li a:hover {
    color:rgb(183,183,183);
	
}

.navbar .navbar-collapse {
  text-align: center;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
	margin-top:0px;
}

.top {
	padding-top: 50px;
}
.bottom {
	padding-bottom: 50px;
}

.clearfloat {clear: both;}

.expTOf {
    margin-top:1em;
}

.expTOfI {
    margin-top:3em;
}

.b {font-weight: bold;} 
.c {text-align:center;}
.r {text-align:right;}
.l {text-align:left;}
.i {font-style:italic;}

.hover:hover {cursor:pointer;}

.t1 { margin-left:5em; }
.t2 { margin-left:10em; }
.t3 { margin-left:15em; }
.t4 { margin-left:20em; }
.t5 { margin-left:25em; }

.modal {
	color:black;
}
/* ids */
#navbar {
	font-size:30px;	
    letter-spacing:0px;
}

#paralaxBackground {
	height:100%;
	width:100%;
	background-image:url(logoBackground.jpg);
	background-size:cover;	
	background-position-x:center;
	position:fixed;
	z-index:-1;
}

#home {
	height:100%;
	/*background-image:url(logoBackground.jpg);
	background-size:cover;	*/
	background-position-x:center;

}

#companyName {
		height:1em;
		font-weight:bold;
		font-size:60px;
		color: white;
		text-align:center;
}

#companyName h1 {
		font-weight:bold;
		font-size:60px;
		color: white;
		font-family:Orator Std, sans-serif;
}

#companyLogo {
	background-image:url(logo.svg);
	background-position:center;
	background-size:cover;
	height:100px;
	width:100px;
	margin: 1em auto 0px;
}

#logoContainer {
		margin: 25% auto 1em;
}

#explanation {
	background: rgb(0, 0, 0);
 	background: rgba(0, 0, 0, 0.6);
}

#about {
	background-size:cover;	
	background-position-x:center;
	background-color:#42758B;
	color: white;

}
#face {
	height:20em;
    background-image:url(kajo_portrait.min.png);
	background-size:contain;	
	background-position-x:80%;
	background-repeat:no-repeat;
}
#principles {
    background-color: #EEEEEE;
    color:black;
}

#contact {
	background-color:#DBA504;
}

#service {
	color:black;
    background-color: #EEEEEE;
	
}


#footer {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#DBA504;

}

#contactAlert {
    display: none;
	color:black;
}

#impressumPopup td {
    padding-left: 20px;
}

/* media */



@media (max-width: 675px){

    #companyName {
        height:2em;
    }
    #logoContainer {
        margin: 5em auto 1em;
    }
}


@media (max-width: 767px) {
    .t1 { margin-left: 2em }
    .t2 { margin-left: 5em }
    .t3 { margin-left: 7em }
    .t4 { margin-left: 10em }
}