.bg-multi{
    background: #323232 url("../img/bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;

}

.logo{
    width:35%;
}

.logo-back{
    height: 30vh;
    background-color: rgba(255,255,255,0.70);
    min-height: 150px;
    position: relative;
}
.coluna-1{
    position: relative;
    background-color: rgba(204,97,1,0.70); width: 50%;height: 100%;
    min-height: 350px;
}
.coluna-2{
    position: relative;
    background-color:  rgba(12,63,108,0.7); width: 50%;height: 100%;
    min-height: 350px;
}

@media (max-width: 575.98px) {

    .bg-multi{
        background: #323232 url("../img/bg.jpg") no-repeat center fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .logo{
        width:60%;
    }
    .logo-back{
        height: 20vh;
    }
    .colunas{
        width: 100% !important;
        display: block!important;
    }
    .coluna-2, .coluna-1{
        width: 100% !important;
        height: 300px;
    }

    h1{
        font-size: 2rem !important;
    }
    h4{
        font-size: 1.2rem !important;
    }
    span{
        font-size: 1rem !important;
    }

    .fa, .fab{
        font-size: 1.8rem;
    }

}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {


    /*.bg-multi{*/
        /*background: none;*/
        /*background-color: orange;*/
        /*-webkit-background-size: cover;*/
        /*background-size: cover;*/
    /*}*/

    .logo{
        width:50%;
    }



}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    /*.bg-multi{*/
        /*background: none;*/
        /*background-color: #13d8a6;*/
        /*-webkit-background-size: cover;*/
        /*background-size: cover;*/
    /*}*/
    .logo{
        width:40%;
    }

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*.bg-multi{*/
        /*background: none;*/
        /*background-color: pink;*/
        /*-webkit-background-size: cover;*/
        /*background-size: cover;*/
    /*}*/

    .logo{
        width:38%;
    }


}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*.bg-multi{*/
        /*background: none;*/
        /*background-color: red;*/
        /*-webkit-background-size: cover;*/
        /*background-size: cover;*/
    /*}*/

}