@charset "UTF-8";

.cont2 {
    background: url(../imagens/links-uteis.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

#cont2 {
    height: 385px !important;
}

.tex-sec {
    width: 50%;
    margin: 120px 9.2%;
}

#cont2 h2 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    color: #fff;
    margin-bottom: 0;
}

#cont2 p {
    font-weight: normal;
    margin-top: 35px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

.borda {
    border-style: solid;
    border-bottom-width: 1px;
    border-color: rgb(255, 87, 34);
    width: 50px;
    float: left;
}

/*############################### SEGUNDA SESSÃO  ##############################*/
#container-out-cont {
    width: 96%;
}

.titulo h2{
    text-align: center;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 48px;
}

#col-out2 h2 {
    font-family: 'Nunito',Arial,sans-serif;
    font-weight: normal;
    margin-bottom: 40px;
    font-size: 21px;
}

#sec-1 i {
    color: #ffffff;
    background: #b5b5b5;
    font-size: 10px;
    padding: 10px;
    border-radius: 25px;
}

#sec-1 ul > li{
    margin-left: 40px;
    margin-top: -29px;
    margin-bottom: 9px;
}

#sec-1 ul > li > a {
    font-family: 'Raleway',Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

/*######################  QUERIES  #############################*/
@media screen and (max-width: 992px) {
    .tex-sec {
        width: 50%;
        margin: 100px 5%;
    }
}

@media screen and (max-width: 767px) {
    .cont2 {
        background-position-x: 82%;
    }

    .tex-sec {
        margin: 82px 7%;
    }

} 


@media screen and (max-width: 600px) {
    .tex-sec {
        margin: 100px 3%;
        width: 65%;
    }

    #cont2 h2 {
        font-size: 38px;
    }

    #cont2 p {
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
    .cont2 {
        background-position-x: 80%;
    }

    #cont2 {
        height: 450px !important;
    }

    .tex-sec {
        margin: 65px 20% !important;
    }

    .sec-geral {
        position: relative;
        top: -15px;
    }

    #container-out-cont {
        width: 100%;
    }

  /*  .cont2 {
        background: url(../imagens/f06.png) no-repeat;
        background-size: cover;
        background-position: center; */
    }
}

@media screen and (max-width: 415px) {
    .tex-sec {
        width: 68%;
        margin: 70px 17% !important;
    }

    #cont2 h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 395px) {
    .sec-geral {
        position: relative;
        top: -20px;
    }

    .tex-sec {
        width: 74%;
    }
}

@media screen and (max-width: 360px) {
    .titulo h2 {
        font-size: 30px;
    }

    #col-out2 h2 {
        font-size: 20px;
    }

    .tex-sec {
        margin: 65px 15% !important;
    }
}

@media screen and (max-width: 320px) {
    .tex-sec {
        width: 75%;
    }

    #cont2 h2 {
        font-size: 28px;
    }

    #cont2 p {
        font-size: 17px;
    }

    .cont2 img {
        left: 14%;
    }

    .titulo h2 {
        font-size: 28px;
    }

    #sec-1 ul > li > a {
        font-size: 17px;
    }
}