.mt-6 { margin-top: 3.4rem!important; }
    .mb-6 { margin-bottom: 3.4rem!important; }
    
    .btn-success {
        color: #fff;
        background-color: transparent !important;
        background-image: linear-gradient(140deg, #25EC4F 0%, #16CA3C 100%) !important;
        border: 0;
        padding: 15px;
    }
    
    #header{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
    }
    
    #header .bg-overlay {
        width: 100%;
        height: 100vh;
        background-color: #000;
        position: absolute;
        opacity: 0.5;
    }

    /* // #header {
    //     background-size: cover;
    //     background-repeat: no-repeat;
    //     background-position: center;
    //     min-height: 100vh;
    //     margin-bottom: -25px;
    //     position: relative;
    //     padding-bottom: 25px;
    // }
    // #header .bg-overlay {
    //     width: 100%;
    //     background-color: #000;
    //     position: absolute;
    //     min-height: 100vh;
    //     bottom: 0;
    //     top: 0;
    //     opacity: .5;
    // } */
    
    #header h1 {
        color: #FFF;
        font-weight: bold;
        font-size: 1.8em;
    }
    
    #header .logo{
        width: 100%;
        height: 95px;
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        margin: 40px auto;
    }
    
    #header form {
        margin: 0em 8em 0em 0em;
        padding: 35px 40px 40px 40px;
        background-color: #2C342E;
        border-radius: 16px 16px 16px 16px;
    }
    
    #header form label {
        color: #FFF;
        margin-bottom: 3px;
        margin-top: 12px;
    }
    #header form input[type='submit'] { 
        width: 100%;
        margin-top: 15px; 
    }
    
    #header .social-icon i {
        color: #FFF;
        font-size: 2em;
        font-weight: bold;
    }
        
    #section2 .box .dentist {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #section2 h2{
        color: #2C342E;
        font-size: 44px;
        font-weight: 700;
    }
    
    #section2 .box{
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        background-color: #FFFFFF;
        box-shadow: 5px 4px 10px 1px rgb(0 0 0 / 50%);
        margin-top: 0rem;
        margin-bottom: 0rem;
        border-radius: 7px 7px 7px 7px;
    }
    
    #section2 .box p.emphasis{
        color: #657078;
        font-size: 16px;
        font-weight: 600;
    }
    
    #section3 h2{
        color: #2C342E;
        font-size: 44px;
        font-weight: 600;
    }
    
    #section3 p{
        color: #2C342E;
        font-size: 16px;
        font-weight: 400;
    }
    
    #section3 .box{
        background-color: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        padding: 10px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
        position: relative;
        top: -150px;
    }
    
    #section3 .box img{ 
        width: 100%; 
        min-height: 220px;
    }
    
    #section3 .bg-green{
        background-color: #2C342E;
        position: relative;
        top: 150px;
    }
    
    #section3 .col-3{
        height: 285px;
    }
    #section3 .box h3{
        color: #2C342E;
        font-size: 18px;
        font-weight: 700;
    }
    #section3 .box p{
        color: #657078;
        font-size: 12px;
        font-weight: 400;
        min-height: 110px;
        margin-bottom: 0;
    }
    
    #section4{
        position: relative;
        top: 200px;
    }
    
    #section4 .container-unit{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #section4 .box, .boxBH{
        width: 50%;
        margin: 0 auto;
        background-color: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
    }
    
    #section4 .box img, .boxBH img{
        width: 100%;
        border-radius: 16px 16px 0px 0px;
    }
    
    #section4 h1{
        color: #2C342E;
        font-weight: 700;
    }
    
    #section4 .box h3{
        color: #2C342E;
        font-size: 24px;
        font-weight: 700;
    }
       
    #section4 p{
        color: #2C342E;
        font-size: 16px;
        font-weight: 400;
    }
    
    #section4 .links{
        width: 50%;
        margin: 0 auto;
    }
    
    #section5{
        background-color: #2C342E;
        position: relative;
        top: 200px;
    }
    
    #section5 .box{
        background-color: #FFFFFF;
        border-radius: 0px 16px 16px 0px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
        padding: 15px;
        position: relative;
        left: -10px;
    }
    
    #section5 .box h2{
        color: #2C342E;
        font-size: 36px;
        font-weight: 600;
    }
    
    #section5 .movie {
        height: 500px;
        min-height: 500px;
    }
    
    #section5 .movie iframe{
        border-radius: 16px 16px 16px 16px;
        position: relative;
        top: 55px;
        border-radius: 16px 16px 16px 16px;
    }
    
    #section6{
        position: relative;
        top: 200px;
        background-color: #2C342E;
        padding: 40px 0px 0px 0px;
    }
    
    #section6 .logo{
        width: 308px;
        height: 75px;
        margin: 0 auto;
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
    }
    
    #section6 .social-icon{
        width: 15%;
        margin: 0 auto;
    }
    
    #section6 .social-icon a{
        color: #B9E027;
        font-size: 1.3em;
        font-weight: bold;
    }
    
    #section6 p{
        color: #FFFFFF;
        font-size: 0.8em;
        font-weight: 400;
    }
    
    #section7 { 
        position: relative;
        top: 200px;
        background-color: #3C3C3C;
        padding: 10px;
    }
    #section7 p { margin-bottom: 0; }
    
    
    
    
    
    .alert.alert-danger p {
        margin: 0;
    }
    
    
    
    
    
    /* MOBILE */
    @media(max-width: 768px) {  
    
        .mt-6 { margin-top: 0 !important; }
    
        #header {
            height: 112vh;
        }
    
        #header .bg-overlay {
            height: 112vh;
        }
    
        #header .logo {
            width: 308px;
            margin: 75px auto;
        }
    
        #header form {
            margin: 0;
        }

        .dentist {
            height: 400px;
        }

        .dentist-section {
            flex-direction: column-reverse;
        }
        
        .bg-bauru {
            background-position-x: 77%!important;
        }

        a.btn.btn-success {
            margin-top: 45px;
        }
    
        .social-icon {
            margin-top: 0px !important;
        }
    
        #section2 img {
            width: 100%;
        }
    
        #section2 .box .dentist {
            position: initial;
            bottom: initial;
        }
    
        #section3 .box {
            margin-top: 30px;
        }
    
        #section3 h2 {
            font-size: 25px;
            margin-bottom: 35px;
        }
    
        #section4 .box {
            width: 100%;
            margin: 0 0 50px 0;
        }
    
        #section4 .container-unit{
            flex-direction: column;
        }
        #section4 .box:nth-of-type(1) {
            margin-right: 0px;
        }
        #section4 .box:nth-of-type(2) {
            margin-right: 0px;
        }
    
        #section5 .movie iframe {
            width: 100%;
        }
    
        #section5 .box {
            border-radius: 16px 16px 16px 16px;
            top: 0;
            left: 0;
        }
    
        #section5 .box .btn.btn-success{
            display: block;
            margin: 0 auto;
        }
    
    }
    
    
    
    @media(min-height:699px) and (max-height:850px)
    {
        .mt-5, .my-5 { margin-top: 1em!important; }
        #header h1 { font-size: 1.4em; }
        .social-icon { margin-top: 50px !important; }
    }
    
    
    /* Botão Instagram para BH */
    
    a .ig-bh {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        font-size: 40px; 
        margin-top: -20px; 
        margin-bottom: 16px; 
        color: #2C342E; 
        text-decoration: none;
    }
    
    @media only screen and (max-width: 767px) {
        #section4 .container-unit {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        #section4 .container-unit .boxBH {
            width: 100%;
            margin-bottom: 32px;
        }
    }
  


    #carrousel{
        margin: 220px auto -145px auto;
    }

    #carrousel img {
        width: 30%;
    }