body { 
  height:100%; 
  width:100%;
  background-color: #FFF; 
  margin:0; 
  padding:0; 
  font-family: 'Lancelot', serif; 
  text-align: center;
  color:#4a442e;
}
a {
  text-decoration:none;
  color:#fffbd5;
  display: block;
}
      
p, div, span {
  margin: 0;
  padding: 0;
}

#wrapper {
  width:100%;
}

.wrapper2 {
  max-width:600px;
  margin: 0 auto;
  text-align: center;
}

.wrapper2 a {
  display: inline;
}

.column {
	width: 45%;
	float: left;
}

.column p {
  width:330px !important;
}

.slide {
  width:100%; 
  background:#FFF; 
  position:fixed;
  background-position:center;
  background-size:cover;
  background-repeat:none;
}
.slide p {
  width:530px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 24px;
}
.intro {
  background-image:url('assets/intro.jpg');
  top: 0;
}
.residenz  {
  background-image:url('assets/residenz.jpg');
	background-position: center top;
}
.summit  {
  background-image:url('assets/summit.jpg');
}
.wave  {
  background-image:url('assets/wave.jpg');
}
.investment  {
  background-image:url('assets/investment6.jpg');
	background-position: center top;
}
.contact {
  background-image:url('assets/contact.jpg');
}
.lifestyle, .quality, .architecture, .babeltree {
  background-image:url('assets/tile.gif');
  background-repeat:repeat;
  background-size:initial;
}

.negative {
  color:#fffbd5;
  background-color: #7a714d !important;
}

.content {
  min-height:220px;
}
.stripe {
  width: 10px;
  display: block;
  margin: 0 auto;
  background-image:url('assets/stripe.png');
  background-repeat:repeat-y;
}            
      
.negative .stripe {
  background-image:url('assets/stripe-negative.png');
}

.dummy {
  display:block;
  width:1px;
  float:left;
}

.logo {
  position:fixed;
  bottom:40px;
  z-index: 100;
  display: block;
  text-align: left;
  width:314px;
  left: 50px;
}

.icons {
  position:fixed;
  right:15px;
  z-index: 100;
  display: block;      
  top: 30px;
  transform: scale(0.6,0.6);
  -ms-transform: scale(0.6,0.6); /* IE 9 */
  -webkit-transform: scale(0.6,0.6); /* Safari and Chrome */
  opacity:0.6;
}

.icons a {
  width:56px;
  height:56px;
  margin:0;
  padding:0;
  background-image:url("assets/icons.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  display:block;
  text-indent:-9999px;
  float:left;
  margin-left:20px;
} 

.soundOff {
  background-image:url("assets/icons.png");
  background-repeat:no-repeat;
  background-position: 0 0 !important;
  
} 
.soundOn {
  background-image:url("assets/icons.png");
  background-repeat:no-repeat;
  background-position: 0 -55px !important;
}
.langDE {
  background-image:url("assets/icons.png");
  background-repeat:no-repeat;
  background-position: -55px 0 !important;
} 
.langFR {
  background-image:url("assets/icons.png");
  background-repeat:no-repeat;
  background-position: -55px -55px !important;
}

.logo .menu {
  display: block;
  margin-top: 46px;  
  margin-left:210px;    
}
.logo .menu a {
  font-size:18px;
  line-height:26px;
}
.babelLogo {
  background-image:url('assets/babel-tree-logo.png');
  background-repeat:no-repeat;
  background-size:cover;
  width:142px;
  height:155px;
  float:left;  
  text-indent:-999px;
  position: absolute;
  z-index: 100;      
} 

.babelLogo.dark {
  background-image:url('assets/babel-tree-logo-dark.png');
  z-index: 101;
  display: none;
}

.babelLogo img {
  width:90%;
}

.fullLogo {
  width:300px;
  margin:20px 0;
}
       
.sprite {
  width:201px;
  height:450px;
  display:block;
  position:absolute;
}   

.sprite img {
  padding:0;
  margin: 0;
  display:block;
}


.smaller .babelLogo{
  width: 100px !important;
  height: 110px !important;
  
}

.smaller .menu{
  margin-top: 6px;
  margin-left: 155px;
}

h1 {
  font-size:24px;
  font-weight: lighter;
}

.scrollTip {
  padding-top: 50px;
}

audio {
  position: absolute;
}

@media only screen and (device-width:768px) and (orientation:portrait){
  body, .wrapper {
    width:1536px;
  }
  
  h1 {
    font-size:46px;
    font-weight: lighter;
  }
  .slide p {
    width: 550px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 36px;;
    font-weight: lighter;
  }
}

@media only screen and (device-width:768px) and (orientation:landscape){
  h1 {
    font-size:36px;
    font-weight: lighter;
  }
  .slide p {
    width: 450px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 30px;
    font-weight: lighter;
  }
}

@media only screen and (max-device-width: 570px) {
/  body, .wrapper {
    width:1536px !important;
  }
  .logo {
    display: none;
  }
  .slide p {
    width: 500px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 32px;;
  }
  h1 {
    font-size:32px;
    font-weight: lighter;
  }
  .icons a {
    margin-left:40px;   
  }
}

@media only screen and (max-device-width: 700px) and (orientation:portrait){
  body, .wrapper {
    width:1536px !important;
    min-width:1536px !important;
  }
  .slide p {
    width: 700px;
    margin: 0 auto;
    font-size: 34px;
    line-height: 40px;;
  }
  h1 {
    font-size:46px;
    font-weight: lighter;
  }
  .icons a {
    margin-left:60px;
    transform: scale(1.4,1.4);
    -ms-transform: scale(1.4,1.4); /* IE 9 */
    -webkit-transform: scale(1.4,1.4); /* Safari and Chrome */
  } 
  .logo {
    display: none;
  }
}