@font-face {
    font-family: 'Geometria-Medium';
    font-weight: normal;
    font-style: normal;
    src: url(/fonts/Geometria-Medium.woff) format('woff');
}

@font-face {
    font-family: 'HelvCondensed-Regular';
    font-weight: normal;
    font-style: normal;
    src: url(/fonts/HelvCondensed-Regular.woff) format('woff');
}

body{
    width: 100%;
    background-image: url('/imagens/bg-pattern.jpg');
    position: relative;
    font-family: 'Geometria-Medium' !important;
    font-size: 14px !important;
    color: #13745f !important;
    height: 100vh;

    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
}

.bd_ondas{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 240px;
    background-image: url('/imagens/ondas.png');

    /* background-size: cover; */
    background-repeat: no-repeat;
    /* background-position: center center; */
}

.traco{
    border-top: 2px solid #b5a05d;
    padding-top: 20px;
}

a,
a:hover{
    color: #13745f !important;
}

.teste_1,
.teste_2{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 107px;
}

.titulo{
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'HelvCondensed-Regular';
}

@media screen and (min-width: 993px) {
    #logo{
        margin-top: 5%;
        margin-bottom: 6%;
    }

    .bd_ondas{
        height: 174px;
    }

    .mod_1{display: block;}
    .mod_2{display: none;}
}

@media screen and (min-width: 1200px) {
    .bd_ondas{
        height: 240px;
    }
}





@media screen and (max-width: 992px) {
    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .bd_ondas {
        height: 200px;
    }

    .mod_1{display: none;}
    .mod_2{display: block;}

    #logo{
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {

    .bd_ondas {
        height: 128px;
    }
}

@media screen and (max-width: 495px) {
    #logo{
        width: 75%;
    }
}

@media screen and (max-width: 466px) {
    .mod_1{display: block;}
    .mod_2{display: none;}
}