@media only screen and (max-width: 320px) {
    .conteudo{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        box-sizing: border-box;
    }


    .conteudo-linha1{
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 320px;
        max-width: 100%;
        padding-top: 0px;
        margin: 90px;
    }
    .conteudo-linha1 .coluna1{
        display: block;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 0px;
        width: 100%;
        margin-top: -850px;
    }
    .conteudo-linha1 .coluna1 h2{
        font-size: 20px;
    }
    .conteudo-linha1 .coluna1 h4{
        font-size: 16px;
        margin-left: 80px;
    }
    .conteudo-linha1 .coluna1 img{
        width: 40%;
        height: 25%;
        margin-left: 120px;
        float: none;
    }
    .conteudo-linha1 .coluna2{
        border:1px solid var(--bgColor-2);
        /*border-radius: 30px;*/
        border-bottom-right-radius: 30px;
        width: 100%;
        margin-top: 0px;
    }

    .conteudo-linha1 .coluna2 h1{
        font-size: 20px;
        text-align: center;
    }
    .conteudo-linha1 .coluna2 p,li{
        font-size: 11px;
        text-align: justify;
    }
    header .logos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 90px;
    }
    header .logos img {
        width: 10%;
        height: 50px;
    }

    footer {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        background-color: var(--bgColor-1);
    }
    footer .itensfooter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    .emaillink {
        text-align: center;
        line-break: anywhere;
        height: auto;
    }

    .login-bemvindo{
        width: 100%;
        padding-bottom: 120px;
    }
    .login-bemvindo h2{
       width: 100%;
        text-align: right;
        font-size: 16px;
        padding-right: 10px;
    }
    .login-bemvindo h4 {
        color: var(--bgColor-2);
        width: 100%;
        text-align: right;
        font-size: 13px;
        padding-right: 10px;
    }
    .login-bemvindo img{
        width: 40%;
        margin-top: 0px;
        float: right;
        margin-right: 20px;
    }


    /*perfil user*/
    .ediatr_dados{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:20px;
    }
    .meus_dados{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:30px;
        margin: auto;
        position: relative;
        top: -200px;
        background-color: #ffffff;
        width: 80%;
        padding: 10px;
        box-shadow: 0px 0px 2px rgba(0,0,0,3);
        border-radius: 30px;
    }
    .img_perfi{
        margin-top: 100px;
        width: 100px;
        height: 100px;
        background-color: #ccc;
        border-radius: 100%;
    }
    .info_user{
        margin-top: -50px;
        width: 100%;

    }
    /*FIM*/
}
@media only screen and (max-width: 680px) {
    .conteudo{
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
    }



    .conteudo-linha1{
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .conteudo-linha1 .coluna1{

        border:1px solid var(--bgColor-2);
        border-top-right-radius: 30px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        width: 100%;
        height: 400px;
        margin-top: 0px;
    }
    .conteudo-linha1 .coluna2{
        border:1px solid var(--bgColor-2);
        border-top-right-radius: 0px;
        border-bottom-left-radius: 30px;
        border-top: 0px;
        width: 100%;
    }

    .conteudo-linha1 .coluna1 h2{
        font-size: 20px;
    }
    .conteudo-linha1 .coluna1 h4{
        font-size: 16px;
        margin-left: 60px;

    }
    .conteudo-linha1 .coluna1 img{
        width: 37%;
        height: 25%;
        margin-left: 150px;
        float: none;

    }
    .conteudo-linha1 .coluna2{
        border:1px solid var(--bgColor-2);
        /*border-radius: 30px;*/
        border-bottom-right-radius: 30px;
        border-top: 0px;
        width: 100%;
        margin-top: 0px;
    }

    .conteudo-linha1 .coluna2 h1{
        font-size: 20px;
        text-align: center;

    }
    .conteudo-linha1 .coluna2 p,li{
        font-size: 11px;
        text-align: justify;

    }

    header .logos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 90px;
    }
    header .logos img {
        width: 10%;
        height: 50px;
    }

    footer {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        background-color: var(--bgColor-1);
    }
    footer .itensfooter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    .emaillink {
        text-align: center;
        line-break: anywhere;
        height: auto;
    }

    /*perfil user*/
    .ediatr_dados{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:20px;
    }
    .meus_dados{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:30px;
        margin: auto;
        position: relative;
        top: -200px;
        background-color: #ffffff;
        width: 80%;
        padding: 10px;
        box-shadow: 0px 0px 2px rgba(0,0,0,3);
        border-radius: 30px;
    }
    .img_perfi{
        margin-top: 100px;
        width: 100px;
        height: 100px;
        background-color: #ccc;
        border-radius: 100%;
    }
    .info_user{
        margin-top: -50px;
        width: 100%;

    }

    .login-bemvindo-register{
        width: 100%;
        padding-bottom: 120px;
    }
    .login-bemvindo-register h2{
        width: 100%;
        text-align: right;
        font-size: 16px;
        padding-right: 15px;
    }
    .login-bemvindo-register h4 {
        color: var(--bgColor-2);
        width: 100%;
        text-align: right;
        font-size: 13px;
        padding-right: 15px;
    }
    .login-bemvindo-register img{
        width: 40%;
        margin-top: 0px;
        float: right;
        margin-right: 25px;
    }

    .login-bemvindo{
        width: 100%;
        padding-bottom: 120px;
    }
    .login-bemvindo h2{
        width: 100%;
        text-align: right;
        font-size: 16px;
        padding-right: 10px;
    }
    .login-bemvindo h4 {
        color: var(--bgColor-2);
        width: 100%;
        text-align: right;
        font-size: 13px;
        padding-right: 10px;
    }
    .login-bemvindo img{
        width: 40%;
        margin-top: 0px;
        float: right;
        margin-right: 20px;
    }

    /*FIM*/
}
@media only screen and (max-width: 750px), screen and (max-width:880px){
    .cor-preto h5{
        font-size: 50%;
    }
    .conteudo{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 150vh;
        margin-top: 100px;
    }

    header .logos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 90px;
    }
    header .logos img {
        width: 10%;
        height: 50px;
    }
    .textspcb {
        font-size: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-weight: bold;
        height: auto;
        text-align: center;
    }
    .item-container-1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .itemspcb-1 {
        padding: 10px;
        width: 55%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    .loginbtn {
        margin-top: 2px;
        width: 100%;
    }
    .itemspcb-2 {
        padding: 10px;
        width: 55%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    .spcb-item {
        height: auto;
        margin-bottom: 40px;
    }
    .itemspcb-1,
    .itemspcb-2 {
        width: 100%;
    }
    .unic-login{
        width: 100%;
    }


    footer {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        background-color: var(--bgColor-1);
    }
    footer .itensfooter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }

}
@media only screen and (max-width: 981px),
screen and (max-width: 1024px) {

    .login-user{box-sizing: border-box;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 800px;
        border: 1px solid var(--bgColor-2) ;
        border-radius: 15px;
        padding: 20px;
        height: 120vh;
    }

    .login-user-register{
        box-sizing: border-box;
        display: flex;
        flex-direction: column;

        border-radius: 15px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 50px;
        max-width: 320px;
        width: 100%;
        height: 140vh;
    }

    .login-bemvindo-register{
        margin-top: -30px;
        width: 100%;
        border: none;
        padding-bottom: 90px;
    }

    .img-login{
        height: 500px;
        width: 100%;
        margin-top: 40px;
    }
    .main-login{
        padding: 10px;
    }
    .itemspcb-1 {
        display: flex;
        height: auto;
        flex-direction: column;
    }
    .itemorg-1 {
        height: auto;
    }
    .loginbtn {
        margin-top: 10px;
    }
    .spcb-item {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
    .itemspcb-2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    footer {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        background-color: var(--bgColor-1);
    }
    footer .itensfooter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    .backimagemuser{
        width: 100%;
    }
}
@media only screen and (max-width: 1025px),
screen and (max-width: 1299px) {
    .itemspcb-1 {
        padding: 2px;
        display: flex;
        height: auto;
        flex-direction: column;
        gap: 4px;
    }
    .spcb-item {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
    .itemspcb-2 {
        padding: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media only screen and (max-height: 600px) {
    .item-container-1 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .itemspcb-1 {
        width: 100%;
        display: flex;
        height: auto;
        flex-direction: column;
        gap: 3px;
    }
    .spcb-item {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
    .itemspcb-2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .itemspcb-2 {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 10px;
    }
    .text-competencias {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 600px;
        width: 100%;
    }
    .text-competencias>div {
        font-size: 100%;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1 500px;
        margin: 10px;
        gap: 20px;
    }
    .spcb-item-noticia {
        width: 100%;
    }
    .item-container-2 {
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .item-compencias {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .item-video {
        margin: 0;
        width: 10%;
        padding: 0;
    }
    .nosso-video {
        padding: 10px;
        max-height: 400px;
        width: 100%;
    }
}
@media only screen and (max-height:860px),
screen and (max-height:1260px) {
    .item-container-2 {
        padding: 10px;
        gap: 100px;
    }
    .item-compencias {
        margin: 0;
        width: 100%;
    }
    .item-video {
        display: flex;
        justify-content: start;
        margin: 0;
        width: 100%;
    }
    .nosso-video {
        width: 100%;
    }
}