@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;300&family=Merriweather:wght@700&family=Monda&family=PT+Sans&family=PT+Sans+Narrow&family=Rajdhani:wght@300;400&family=Saira+Condensed:wght@200&family=Saira+Semi+Condensed:wght@200;300&family=Saira:wght@200;300&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}



body {
    font-family: 'Saira', sans-serif;
    font-size: larger;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1800' height='5000' preserveAspectRatio='none' viewBox='0 0 2000 3000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1012%26quot%3b)' fill='none'%3e%3crect width='2000' height='3000' x='0' y='0' fill='rgba(245%2c 235%2c 224%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c1270.856C240.708%2c1303.541%2c480.883%2c1197.518%2c682.994%2c1062.759C882.992%2c929.408%2c1069.218%2c748.853%2c1131.215%2c516.608C1190.273%2c295.373%2c1074.482%2c73.737%2c1005.277%2c-144.537C946.754%2c-329.122%2c854.142%2c-488.999%2c758.924%2c-657.611C638.246%2c-871.308%2c586.928%2c-1148.147%2c371.812%2c-1266.277C148.726%2c-1388.784%2c-126.893%2c-1332.552%2c-376.109%2c-1280.91C-642.252%2c-1225.76%2c-916.799%2c-1153.312%2c-1107.574%2c-959.718C-1303.747%2c-760.646%2c-1459.683%2c-484.728%2c-1435.045%2c-206.328C-1411.169%2c63.459%2c-1150.077%2c235.782%2c-982.915%2c448.882C-856.185%2c610.438%2c-730.87%2c760.439%2c-573.357%2c892.161C-394.022%2c1042.132%2c-231.652%2c1239.4%2c0%2c1270.856' fill='%23ead4bd'%3e%3c/path%3e%3cpath d='M2000 4089.482C2230.508 4104.9 2476.076 4167.1900000000005 2678.167 4055.249 2883.6710000000003 3941.418 2958.256 3694.413 3078.06 3492.333 3213.206 3264.375 3462.182 3057.502 3425.266 2795.078 3388.357 2532.702 3110.397 2380.834 2899.196 2220.842 2722.883 2087.279 2521.013 2010.701 2308.562 1949.136 2096.835 1887.781 1877.5430000000001 1800.519 1666.316 1863.575 1455.394 1926.54 1315.827 2116.049 1177.054 2286.9139999999998 1042.193 2452.9629999999997 928.9929999999999 2631.291 874.739 2838.212 815.5360000000001 3064.006 757.7829999999999 3310.698 852.704 3523.953 947.8610000000001 3737.739 1167.839 3864.807 1377.732 3968.268 1571.195 4063.6310000000003 1784.791 4075.0879999999997 2000 4089.482' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1012'%3e%3crect width='2000' height='3000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
}


#banner {
    width: 100%;
    height: fit-content;
    background-size: cover;
    color: white;
    padding: 0px;
    margin-bottom: 60%;

}

.bannerText {
    color: white;
    font-size: 4.5rem;
}

.slogan {
    color: rgb(220, 220, 220);
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
}

#bigTitle {
    margin-top: 10vh;
}



#bannerImg {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    z-index: -1;
    margin-top: 3rem;
    margin-bottom: 30rem;
}

.videoBG {
    width: 100%;
    height: fit-content;
    margin-top: 2rem;
}

h1 {
    margin-bottom: 3rem;
    color: #ea7317;
}

#fullscreen1:hover {
    cursor: pointer;
}

#fullscreen1 {
    width: 36px;
    height: 36px;

}

#fullscreen2:hover {
    cursor: pointer;
}

#fullscreen2 {
    width: 36px;
    height: 36px;
    margin-top: 1rem;

}

a {
    text-decoration: none;
}

.WhatsAppIcon {
    width: 60px;
    height: 60px;
    margin-bottom: 2rem;
}

.nav-link {
    color: black;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.icons {
    margin-bottom: 2rem;
}


footer {
    background: #242423;
    color: white;
    height: fit-content;
}

.contact {
    font-size: large;
}

.footer {
    padding-top: 1.5rem;

}

h6 {
    color: #5e3023;
    font-weight: normal;

}

p {
    text-align: left;
}

li {
    font-size: 1.2rem;
    font-weight: 400;
}

nav {
    height: 3rem;
    padding-top: 0;
    padding-bottom: 0;
}

#nav {
    padding: 0;
}


.navbar-toggler:hover {
    box-shadow: none;

}

.navbar-collapse {
    background-color: #F8F9FA;
    width: 100%;
}

.navbar>.container-fluid {
    padding: 0;
}

.navbar-brand {
    align-items: center;
    padding-left: 1rem;
    vertical-align: top;
}

.navbar-text {
    padding-right: 1rem;
    margin: auto;
}

.whatsIcon {
    border-left: 1rem;
}

.navbar .navbar-nav {
    margin: 0 auto;
}

.modal-body {
    transform: scale(1);
    height: 80vh;
}

.modal-body::-webkit-scrollbar {
    display: none;
}

.disable-scroll {
    overflow-y: hidden;
}

.smaller {
    display: none;
}




@media only screen and (max-width: 1200px) {
    .col-8 {
        padding: 0;
        margin: 0;
    }

}




@media only screen and (max-width: 1000px) {
    #bigTitle {
        /* background-color: blue; */
        margin-bottom: 20%;
    }

    #banner {
        margin-bottom: 60%;
    }

    .col-8 {
        padding: auto;
        margin: auto;
    }

    .bigger {
        display: none;
    }

    .smaller {
        display: block;
    }

    .nav-item {
        font-size: 1.1rem;
    }

    .txt {
        overflow: auto;
        height: 50vh;
        margin-top: 0;
        padding-top: 0;
        /* background-color: blue; */
    }

}


@media only screen and (max-width: 992px) {
    .slogan {
        background-color: #f8f9fa;
        color: black;
        border-radius: 25px;

        font-weight: 800;
    }

    .sloganTxt {
        opacity: 100% !important;
    }
}






@media only screen and (max-width: 800px) {
    #banner {
        margin-bottom: 60% !important;
    }

    #bannerImg {
        /* display: none; 
         width: 100%;  */
        height: auto;
        position: absolute;
        top: 0;
        z-index: -1;
        opacity: 100%;
    }


    /* .mobileNone {
        display: none;
    } */


    .modal-content {
        width: 100%;
    }

    .bannerText {
        color: white;
        font-size: 3rem;
        margin-top: 3rem;
    }

    .slogan {
        font-size: 1.5rem;
    }

    #bigTitle {
        margin-top: 2rem;
    }

    .txt {
        width: 100%;
        top: 0;
        align-items: start;
    }

    .img {
        width: 100%;
    }

    .conteudo {
        margin-top: 0;
    }

    #banner {
        margin-bottom: 0;
    }

    .icons {
        margin-bottom: 0;
    }

    .icon {
        margin-bottom: 1rem;
    }


}

@media only screen and (max-width: 400px) {
    .txt {
        font-size: 1rem;
    }
}