@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

        @font-face {
            font-family:"KenyanCoffee";
            src:    url("../fonts/kenyancoffee/kenyan_coffee_rg.eot?") format("eot"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg.woff") format("woff"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg.ttf") format("truetype"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg.svg#KenyanCoffeeRg-Regular") format("svg");
            font-weight:normal;
            font-style:normal;
        }
        @font-face {
            font-family:"KenyanCoffee";
            src:    url("../fonts/kenyancoffee/kenyan_coffee_bd.eot?") format("eot"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd.woff") format("woff"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd.ttf") format("truetype"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd.svg#KenyanCoffeeRg-Bold") format("svg");
            font-weight:bold;
            font-style:normal;
        }
        @font-face {
            font-family:"KenyanCoffee";
            src:    url("../fonts/kenyancoffee/kenyan_coffee_bd_it.eot?") format("eot"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd_it.woff") format("woff"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd_it.ttf") format("truetype"),
                    url("../fonts/kenyancoffee/kenyan_coffee_bd_it.svg#KenyanCoffeeRg-BoldItalic") format("svg");
            font-weight:bold;
            font-style:italic;
        }
        @font-face {
            font-family:"KenyanCoffee";
            src:    url("../fonts/kenyancoffee/kenyan_coffee_rg_it.eot?") format("eot"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg_it.woff") format("woff"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg_it.ttf") format("truetype"),
                    url("../fonts/kenyancoffee/kenyan_coffee_rg_it.svg#KenyanCoffeeRg-Italic") format("svg");
            font-weight:normal;
            font-style:italic;
        }


        body{
            background-color: #000;
            color: #FFF;
            background-image: url('../elementos/BG.png');
            background-size: cover;
            background-repeat: repeat-y;
            font-family: 'Roboto';
            font-size: 1.3rem;
            line-height: 120%;
            font-weight: normal;
        }

        a{
            color: #ff5300!important;
        }
        a:hover{
            color: #eb690a!important;
        }
        .small{
            font-size: 11px;
        }
        .orange{
            color: #ff5300;
        }
        .bg-orange{
            background-color: #ff5300;
            color: #FFF;
        }

        .btn.bg-orange{
            margin: 0 auto;
        }

        .btn.bg-orange:hover{
            color: #FFF!important;
        }

        .kenyancoffee{
            font-family: 'KenyanCoffee';
        }

        .navbar{
            font-family: 'KenyanCoffee';
            text-transform: uppercase;
            font-size: 28px;
        }
        .navbar-toggler:focus {
            box-shadow: 0px 0px 6px 1px #fff;
        }
        .navbar .nav-item{
            margin-right: 15px;
        }
        .navbar a{
            color:  #FFF!important;
        }
        .navbar a:hover{
            color:  #ff5300!important;
        }

        .toast-warning {
          background-color: #ffd300;
          color: #000!important;
        }

        #toast-container>.toast-warning {
              background-image: none!important;
        }
        .toast-close-button{
            color:  #000;
        }

        h1{
            font-family: 'KenyanCoffee';
            font-size: 10rem;
            color: #ff5300;
            text-transform: uppercase;
            font-weight: 600;
        }
        h2{
            font-family: 'KenyanCoffee';
            font-size: 4rem;
            color: #ff5300;
            text-transform: uppercase;
            font-weight: 600;
        }
        h3{
            font-family: 'KenyanCoffee';
            font-size: 3rem;
            color: #ff5300;
            text-transform: uppercase;
            font-weight: 600;
        }
        h4{
            font-family: 'KenyanCoffee';
            font-size: 2rem;
            color: #ff5300;
            text-transform: uppercase;
            font-weight: 600;
        }
        h5{
            font-family: 'KenyanCoffee';
            font-size: 1.7rem;
            font-weight: normal;
        }

        p{
            font-family: 'KenyanCoffee';
            font-size: 1.7rem;
            line-height: normal;
        }

        .mt-10{
            margin-top: 0;
        }
        .mb-10{
            margin-bottom: 60px;
        }
        .slick-prev {
            left: 0;
        }
        .slick-next{
            right: 35px;
        }
        .slick-prev:before, .slick-next:before {
            content: '';
        }
        .slick-slide img{
            max-width: 200px;
        }

        .card{
            width: 342px;
            background-color: transparent;
        }

        .tkts{
            background-image: url('../img/tkts.png');
            background-size: contain;
            background-repeat: no-repeat;
        }
        #ingressos{
            position: relative;
        }
        #ingressos:before{
            content: '';
            background-image: url('../img/elipse.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center right;
            position: absolute;
            width: 500px;
            height: 500px;
            top: -110px;
            right: 0;
        }
        #contato{
            position: relative;
        }
        #contato:before{
            content: '';
            background-image: url('../img/elipse.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center right;
            position: absolute;
            width: 600px;
            height: 600px;
            top: 8px;
            left: -211px;
            z-index: 0;
        }
        form{
            z-index: 2;
        }
        .p-relative{
            position: relative;
        }
        .btn{
            font-size: 2rem;
            text-transform: uppercase;
            font-family: KenyanCoffee;
        }

        .btn-lg{
            font-size: 2rem;
            text-transform: uppercase;
        }
        .btn-warning{
            border-color: #ff5300;
        }
        .btn-warning:hover{
            border-color: #eb690a;
            background-color: #eb690a;
            color: #FFF;
        }
        .form-group{
            margin-bottom: 30px;
        }
        .btn-submit{
            width: 50%;
            margin-left: auto;
            display: block;
        }

        .w-80{
            max-width: 80%;
        }

        .alert-warning {
            background-color: #ffc4de;
            border-color: #ffc4de;
        }

        .fa-external-link-alt{
            font-size: 1.5rem;
        }

        .time-erika, .time-sassa{
            cursor: pointer;
        }

        .program-item{
            font-size: 2rem;
            line-height: 150%;
        }

        .square-pink{
            background-color: #e81950;
            position: relative;
            min-height: 347px;
        }
        .square-purple{
            background-color: #ff5300;
            position: relative;
            top: -30px;
            left: -30px;
            padding: 60px;
            min-height: 347px;
        }
        h3.farmaconde{
            font-size: 2.5rem;
            text-align: center;
        }
        .rounded-5{
            border-radius: 40px;
        }
        .arquibancada{
            font-weight: normal;
        }
        .meia-entrada{
            font-size: 2.5rem;
            margin-bottom: 27px;
            font-weight: normal;
        }
        .fit-content{
            width: 88%;
        }
        #btn-ingressos{
            padding: 15px 30px;
            font-size: 3rem;
            border-radius: 20px;
        }
        .ingressos .chapeu{
            margin-bottom: 100px;
        }

        footer{
            background-image: url(../img/bg-footer.png);
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 140px;
        }

        small{
            font-size: 13px;
        }

        /* X-Small devices (portrait phones, less than 576px)
         No media query for `xs` since this is the default in Bootstrap*/

        //* Small devices (landscape phones, 576px and up)*/
        @media (min-width: 576px) {
            h1{
                font-size: 6rem;
            }
        }

        /* Medium devices (tablets, 768px and up)*/
        @media (min-width: 768px) {
            h1{
                font-size: 6rem;
            }
        }

        /* Large devices (desktops, 992px and up)*/
        @media (min-width: 992px) {
            
            .mt-10, .mt-lg-10{
                margin-top: 100px;
            }
            .mb-10{
                margin-bottom: 100px;
            }

            h3.farmaconde{
                font-size: 6.5rem;
            }
            .fit-content{
                width: fit-content;
            }
            
        }

        /* X-Large devices (large desktops, 1200px and up)*/
        @media (min-width: 1200px) {

            body{
                font-size: 1.5rem;
            }

            .navbar{
                font-size: 28px;
            }

            .mt-10, .mt-lg-10{
                margin-top: 100px;
            }
            .mb-10{
                margin-bottom: 100px;
            }
            

            h1{
                font-size: 10.2rem; 
            }
            h2{
                font-size: 7.9rem;
            }
            h3{
                font-size: 5rem;
            }
            h4{
                font-size: 4rem;
            }

            #desafios h4{
                font-size: 3rem;
            }

            .slick-slide img{
                max-width: 100%;
            }
            .slick-prev {
                left: -35px;
            }
            .slick-next{
                right: 0;
            }

            
            #ingressos:before{
                width: 300px;
                height: 300px;
                top: -110px;
                right: 0;
            }
            
            #contato:before{
                width: 800px;
                height: 800px;
                top: 8px;
                left: -211px;

            }
            
            .btn{
                font-size: 2rem;
            }

            .btn-lg{
                font-size: 3rem;
            }

            .w-80{
                max-width: 100%;
            }

        }

        /* XX-Large devices (larger desktops, 1400px and up)*/
        @media (min-width: 1400px) {

        }