footer{
    width:100%;
    display: flex;
    background-color: black;
    min-height: 81px;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    padding-left:55px;
    padding-right:55px;
}

footer a, footer span{
    color:white;
    font-weight: 700;
    font-size: 13px;
}

footer .bloco.esquerdo{
    text-align: left;
    width:282px;
}

footer .bloco.centro{
    text-align: center;
}

footer .bloco.direito{
    text-align: right;
    width:282px;
}

/*.bloco.direito img{*/
    /*opacity: 0.5;*/
/*}*/

footer div:not(.centro) a:hover,footer div:not(.centro) a:active,footer div:not(.centro) a:focus{
    color:white;
    text-decoration: none;
    opacity: 0.5;
}
 footer div.centro a{
    text-decoration-color: transparent;
 }

 footer .bloco a{
    text-transform: uppercase;
 }

 footer .logo-stec-footer, footer .logo-stec-footer:hover{
     opacity: 1;
 }
footer i{
    background-color: rgba(255,255,255,0.5);
    color:#F36F21;
    font-size:20px;
    font-style: normal;
    border-radius:100%;
    cursor: pointer;
    padding: 8px 10px;
}

footer i:hover,footer i:active,footer i:focus{
    background-color: white;
}

footer i:not(:first-child) {
    margin-left: 8px;
}

.rodape{
    height: 72px;
    background-color: #F36F21;
}
/*.bloco.direito a:hover img,.bloco.direito a:active img,.bloco.direito a:focus img{*/
    /*opacity: 1.0;*/
/*}*/



@media (max-width: 543px){
    .hidden-xs{
        display:none !important
    }
    .rodape{
        height: 30vh;
        display: block;
        padding: 0;
    }

    footer .bloco.esquerdo, footer .bloco.direito{
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
}
@media (min-width: 544px) and (max-width: 767px){
    .hidden-xs{
        display:none !important
    }
    .rodape{
        height: 30vh;
        display: block;
        padding: 0;
    }

    footer .bloco.esquerdo, footer .bloco.direito{
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .hidden-sm{
        display:none !important
    }
    .rodape{
        height: 30vh;
        display: block;
        padding: 0;
    }

    footer .bloco.esquerdo, footer .bloco.direito{
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
}
@media (min-width: 992px) and (max-width: 1209px){
    .hidden-md{
        display:none !important
    }
}
@media (min-width: 1210px){
    .hidden-lg{
        display:none !important
    }
}