﻿/* Bottom */

.mb-1 {
    margin-bottom: 10px;
}
.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

/* top */

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

/*Right*/

.mr-1 {
    margin-right: 10px;
}

.mr-2 {
    margin-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

.mr-5 {
    margin-right: 50px;
}

/* Left*/

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.ml-5 {
    margin-left: 50px;
}

/* width */

.w-10{
    width:10px;
}
.w-20 {
    width: 20px;
}
.w-30 {
    width: 30px;
}
.w-40 {
    width: 40px;
}
.w-50 {
    width: 50px;
}
.w-60 {
    width: 60px;
}

.w-70 {
    width: 70px;
}

.w-80 {
    width: 50px;
}

.w-90 {
    width: 90px;
}

.w-100 {
    width: 100px;
}

/* height */

.h-10 {
    height: 10px;
}

.h-20 {
    height: 20px;
}

.h-30 {
    height: 30px;
}

.h-40 {
    height: 40px;
}

.h-50 {
    height: 50px;
}

.h-60 {
    height: 60px;
}

.h-70 {
    height: 70px;
}

.h-80 {
    height: 50px;
}

.h-90 {
    height: 90px;
}

.h-100 {
    height: 100px;
}

.whatsapp-share-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100% 100%; /* ou 'contain' */
    background-image: url("../images/whats.png");
    background-repeat: no-repeat;
    background-position: center;


}

.facebook-share-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100% 100%; /* ou 'contain' */
    background-image: url("../images/facebook.png");
    background-repeat: no-repeat;
    background-position: center;
}


@media (max-width: 991px) {
    .img-banner2-mobile {
        background-image: url(../images/background-banner2-tratado-2.jpg) !important;
        background-size: cover !important;
    }
}

@media (max-width: 991px) {
    .img-banner-mobile {
        background-image:url(../images/background-banner-tratado-2.jpg);
        background-size: cover !important;
    }
}

.titulo-blog{
    background-color:#fff;
    opacity:0.7;
    padding: 3px 7px 3px 7px;
}