html, body{
  height: 100%;
}
body { 
			background-image: url(immo_background.jpg) ;
			background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			background-color: #999;
  
}
div, body{
  margin: 0;
  padding: 0;
  font-family: exo, sans-serif;
  font-size:12px;
  
}
a:link, 
a:visited
{
    text-decoration: none;
    color: #666;
}
a:hover{font-weight:bold;}
.wrapper {
  height: 100%; 
  width: 100%; 
}
#logo{
  width:92%;
  background:#FFF;
  display:block;
  overflow:auto;
  padding: 2% 4%;
  position: fixed;
    top:0px;
    left:0px;
}
#logo img{
  width:75%;
  height:auto;
}
.span6{
  float:left;
  width:48%;
}
.span3{
  float:left;
  width:17%;
}
.message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; 
  height:20%;
  bottom: 0; 
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  padding: 0.5em;
  text-align:center;
}
#imp{
  position:absolute;
    right:10px;
    bottom:10px;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gh6qnk');
  src:  url('fonts/icomoon.eot?gh6qnk#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gh6qnk') format('truetype'),
    url('fonts/icomoon.woff?gh6qnk') format('woff'),
    url('fonts/icomoon.svg?gh6qnk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i{
  margin-right:10px;
}
i.icon-empty {
    margin-left: 12px;
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
@media (max-width:1210px) {  
  .span3{
    float:left;
    width:21%;
  }
}
@media (max-width:1000px) {  
  .span6{
    float:none;
    width:100%;
    display:block;
    padding-bottom:20px;
  }
  .span3{
    float:left;
    width:50%;
  }
}
@media (max-width:500px) {  
  .span6{
    float:none;
    width:100%;
    display:block;
    padding-bottom:20px;
  }
  .span3{
    float:none;;
    width:100%;
    display:block;
    padding-bottom:20px;
  }
  #logo img{
    width:100%;
    height:auto;
  }
}