@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../fonts/GILROY-MEDIUM.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('../fonts/GILROY-LIGHT.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background: url("../img/bg.jpg") no-repeat left top;
    background-size: 90%;
}

.logo {
    margin-top: 100px;
}

.breve {
    margin-top: 50px;
    border-right: 5px solid #2d7bc0;
    padding: 5px 10px 5px 0;
}

.breve h2, .breve h3 {
    margin: 0;
    color: #424243;
}

.breve h2 {
    font-family: Gilroy-Medium, serif;
    font-size: 70px;
}

.breve h3 {
    font-family: Gilroy-Light, serif;
    font-size: 55px;
}
.contato{
    margin-top: 50px;
}
.endereco{
    margin-top: 30px;
}
.contato, .endereco {
    font-family: Gilroy-RegularItalic, serif;
    color: #a8a8a8;
}

@media (max-width: 575px) {
    body{
        background-size: 280%;
        background-position-x: -300px;
    }
    .contato, .endereco {
        color: #424243;
    }
    .logo{
        margin-top: 50px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body{
        background-size: 100%;
    }
    .logo{
        margin-top: 10px;
        float: right;
    }
    .breve {
        margin-top: 10px;
    }
    .contato{
        margin-top: 10px;
    }
    .endereco{
        margin-top: 10px;
    }
    .breve h2 {
        font-size: 45px;
    }

    .breve h3 {
        font-size: 35px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body{
        background-size: 100%;
    }
    .logo{
        margin-top: 50px;
    }
    .breve {
        margin-top: 50px;
    }
    .contato{
        margin-top: 20px;
    }
    .endereco{
        margin-top: 20px;
    }
    .breve h2 {
        font-size: 50px;
    }

    .breve h3 {
        font-size: 35px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {  }

@media (min-width: 1200px) {  }