html,body{width: 100%; height: 100%;}
body{margin: 0; padding: 0; font-family: 'FuturaLt' !important; line-height: 1; background: #38414a url(../images/bg.png) repeat-x bottom left fixed;}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.cl{clear: both;}
img{max-width: 100%; max-height: 100%;}
*{margin: 0; padding: 0;}
@font-face {
    font-family: 'FuturaLt';
    src: url('fonts/FuturaLt.eot');
    src: url('fonts/FuturaLt.eot') format('embedded-opentype'),
         url('fonts/FuturaLt.woff2') format('woff2'),
         url('fonts/FuturaLt.woff') format('woff'),
         url('fonts/FuturaLt.ttf') format('truetype'),
         url('fonts/FuturaLt.svg#FutuLt') format('svg');
}
.center-content{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60%; color: #fff; text-align: center;}
.center-content h1{margin-bottom: 15px; font-size: 38px; color: #ffeb00;}
.center-content p{font-size: 21px; line-height: 27px; color: #fff;}
.logo{width: 245px; margin-bottom: 15px; background: #4c535b; padding: 20px 25px; border-radius: 5px;}

.latest-project{margin-top: 35px;}
.latest-project h2{font-size: 27px; font-weight: 700; color: #fff; position: relative;}
.latest-project h2:before{content: ''; background: #fff; width: 75px; height: 2px; bottom: -15px; left: 0; right: 0; margin: auto; position: absolute;}

.latest-project-div{max-width: 600px; background: #fff; padding: 15px; margin: 45px auto 0; font-size: 0; position: relative;}
.latest-project-div .project-img{width: 35%; display: inline-block; vertical-align: top;}
.latest-project-div-detail{width: 61%; display: inline-block; vertical-align: top; text-align: left; padding: 0px 0 0 4%;}
.latest-project-div-detail h4{font-size: 21px; color: #000; margin-bottom: 3px;}
.latest-project-div-detail .location{font-size: 15px; color: #333; margin-bottom: 5px;}
.latest-project-div-detail .room{font-size: 18px; color: #333; display: inline-block; width: 50%;}
.latest-project-div-detail .size{font-size: 18px; color: #333; display: inline-block; width: 50%;}
.latest-project-div-detail .price{margin-top: 10px; color: #000; font-size: 16px;}
.latest-project-div-detail .price font{font-size: 22px; color: #f36735; font-weight: 700; vertical-align: middle; margin-left: 5px; display: inline-block; margin-top: -5px;}
.latest-project-div-detail .posses{font-size: 18px; color: #000; font-weight: 700; margin-top: 10px; border-top: 1px solid #f7ccbd; padding-top: 10px;}
.latest-project-div-detail a{font-size: 15px; background: #f36735; color: #fff; text-decoration: none; padding: 6px 9px 5px 9px; border-radius: 3px; display: table; margin-top: 0; position: absolute; bottom: 15px; right: 15px;}

.bottom-link{margin: 0px 0; padding: 0; list-style: none; position: fixed; bottom: 15px; width: 100%; text-align: center;}
.bottom-link li{display: inline-block;}
.bottom-link li a{font-size: 15px; color: #fff; text-decoration: none; margin: 0 5px; position: relative;}
.bottom-link li:first-child a:before{content: ''; background: #fff; width: 1px; height: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: -8px;}

.mailto{margin: 15px auto 0; display: table; color: #ffb094; text-decoration: none; font-size: 21px;}

@media (max-width: 1199px){
.center-content{position: static; transform: inherit; width: 90%; margin: 20px auto;}
.bottom-link{position: static !important; margin: 20px 0 15px 0;}
}

@media (max-width: 767px){
.logo{width: 200px;}
.center-content h1{font-size: 30px;}
.center-content p{font-size: 18px;}
.latest-project h2{font-size: 24px;}
.latest-project-div .project-img{width: 100%; margin-bottom: 15px;}
.latest-project-div-detail{width: 100%; padding: 0;}
}