/* -----------------------------------------------------------------------------------------------------------------
    Fonts
   ----------------------------------------------------------------------------------------------------------------- */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=34257a07-a098-4dc5-8f66-620f082e4058");

@font-face{
    font-family:"Trade Gothic W01_n4";
    src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot")
}
@font-face{
    font-family:"Trade Gothic W01";
    src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
    src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"),url("../fonts/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"),url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),url("../fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family:"Trade Gothic W01_n7";
    src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot")
}
@font-face{
    font-family:"Trade Gothic W01";
    src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
    src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),url("../fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"),url("../fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("../fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("../fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
    font-weight: 700;
    font-style: normal;
}

/* -----------------------------------------------------------------------------------------------------------------
    Main
   ----------------------------------------------------------------------------------------------------------------- */

html {
    overflow-y: scroll;
}

body {
    font-family: "Trade Gothic W01", Helvetica, Arial, sans-serif;
    color: #7f7e7e;
    line-height: 1.2;
    padding-bottom: 20px;
}

h1 {
    color: #4097b3;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 50px;

    max-width: 680px;

    margin: 20px auto 0 auto;
    line-height: 1.05;
}

h2 {
    font-size: 32px;
    margin: 5px 0 45px 0;
}

a {
    color: #7f7e7e;
}

a:hover {
    color: #4097b3;
}

a.highlight {
    color: #4097b3;
    font-weight: bold;
    font-size: 115%;
}

img.logo {
    margin-top: 35px;
    margin-bottom: 20px;
}

.visual {
    padding: 0 40px;
}

.visual img {
    width: 100%;
}

.container {
    position: relative;
    text-align: center;
}

p {
    font-size: 22px;
    margin: 0;
}

@media (min-width: 768px) {
    .knight-frank {
        position: absolute;
        bottom: 0;
        left: 15px;
    }

    .phone:before {
        content: "|";
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    h1,
    .knight-frank {
        display: block;
        margin-top: 40px;
    }

    .phone {
        display: block;
    }

    img.logo {
        margin-bottom: 30px;
    }

    .visual {
        background: url('../images/visual.jpg') center;
        min-height: 220px;

        background-size: cover;
    }

    .visual img {
        display: none;
    }
}

@media (max-width: 425px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    p {
        font-size: 18px;
        line-height: 1.4;
    }

    .visual {
        min-height: 150px;
    }
}