@font-face {
    font-family: "TradeGothic-Light"; src:
        url("fonts/TradeGothic-Light.eot"); src:
        url("fonts/TradeGothic-Light.eot?#iefix") format("embedded-opentype"),
        url("fonts/TradeGothic-Light.woff2") format("woff2"),
        url("fonts/TradeGothic-Light.woff") format("woff"),
        url("fonts/TradeGothic-Light.ttf") format("truetype"),
        url("fonts/TradeGothic-Light.svg#TradeGothicW02-BoldCn20") format("svg"); }

body {
    font-family: "TradeGothic-Light";
    background-color: #9DAA05;
    color: #fff;
    margin: 0;
}
a {
    text-decoration: none;
    color: #fff;
}
.container {
    width: 1150px;
    margin: 0 auto;
}
.header {
    position: relative;
}
.header > div {
    display: inline-block;
}
.logo {
    padding-top: 100px;
    width: 250px;
}
.logo img {
    width: 154px;
    position: absolute;
}
.image-header {
    position: absolute;
    margin-left: 50px;
}
.content {
    margin-top: 135px;
}
.content div {
    display: inline-block;
}
.content .column1 {
    margin-left: 300px;
    max-width: 550px;
    font-size: 25px;
    line-height: 40px;
}
.content .column2 {
    margin-left: 45px;
    max-width: 250px;
    font-size: 20px;
    line-height: 25px;
    vertical-align: top;
    margin-top: 7px;
}
.footer {
    clear: both;
    margin-top: 100px;
    margin-left: 300px;
}
.footer .column1 {
    font-size: 20px;
    line-height: 25px;
}

/* Media Queries */
@media (max-width: 1150px) {
    .container {
        width: 100%;
    }
    .logo {
        max-width: 154px;
        width: auto;
        padding-left: 15px;
    }
    .logo img {
        width: 100%;
        position: relative;
    }
    .image-header {
        position: relative;
        max-width: 100%;
        margin-left: 0;
        margin-top: 57px;
    }
    .image-header img {
        width: 100%;
    }
    .header > div {
        display: inline-block;
        vertical-align: top;
    }
    .content {
        margin-top: 45px;
    }
    .content .column1,
    .content .column2,
    .footer {
        margin-left: 0;
        max-width: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    .content .column2 {
        margin-top: 35px;
    }
}
@media (max-width: 767px) {
    .image-header {
        display: block !important;
        width: 100%;
        margin-left: 0;
        margin-top: 57px;
        clear: both;
        position: relative;
        max-width: none;
        top: 0;
    }
}