html, body{
    
    margin: 0;
    padding:0;
    
}

#top{
    
    position:fixed;
    
    top:0;
    left:0;
    right:0;
    
    width: 100%;
    
    background-color: black;
   
}

#top .inner{
    
    position: relative;
    
    display: table;
    
    width: 95%;
    max-width: 70em;
    
    height:5em;
    
    margin: 0 auto;
    
}

#top .inner #logo{
    
    height: 4em;
    
    display: table-cell;
    vertical-align: middle;
    
}

#top .inner #infos{
    
    display: table-cell;
    
    vertical-align: middle;
    text-align: right;
    
    color: white;
    
}

#top .inner .tel:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(phone.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}

#top .inner .email:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(mail.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}

#top .inner #socials{
    
    position: absolute;
    
    height: 3em;
    
    width: 10em;
    
    top : 6em;
    
    right: 0;
    
    text-align:right;
    
    
    
}

#top .inner #socials #facebook_istagram{
    
    height: 2.5em;
    
}

#content{
    
    width: 100%;
    
    min-height: calc(100vh - 10em);
    
    padding-top:10em;
    
    /*background-color: black;*/
   
    background-image:url('background.jpg');
    
    background-size: cover;
    
}

#content .inner{
    
    width: 95%;
    max-width: 70em;
    
    margin: 0 auto;
    
    
}

#content .inner #properties_list{
    
    width: 100%;
    
    margin: 0 auto;
    
    
}

#footer{
    
    background-color:black;
    
    color:white;
    
}

#footer .inner{
    
    width: 95%;
    max-width: 70em;
    
    margin: 0 auto;
    
    padding: 2em 0;
    
    display: table;
    
}

#footer .inner .left{
    
    width: 20em;
    
    display: table-cell;
    
}

#footer .inner .left #footer_logo{
    
    display: block;
    
    height: 3em;
    
    margin: 1em 0;
    
}

#footer .inner .right{
    
    display: table-cell
    
}

#footer .inner .right .address:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(address.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}


#footer .inner .right .tel:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(phone.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}

#footer .inner .right .skype:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(skype.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}

#footer .inner .right .email:before{
    
    content:"";
    
    display: inline-block;
    
    vertical-align: middle;
    
    width: 1em;
    height:1em;
    
    margin-right: 0.5em;
    
    background-image:url(mail.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}