@charset "utf-8";
    /* CSS Document */
    /* slider styles */
    
    #carousel-example-generic {
        height: 50vh;
        overflow: hidden;
        /*margin-top: 180px;*/
    }
    
    #carousel-container {
        position: relative; 
        /*position: absolute;
        top: 0px;
        left: 0px;
        height: 50vh;
        width: 100vw;*/
    }
    
    .item {
        height: 50vh !important;
        background-size: cover !important;
        background-position: center 90% !important;
        transition: 1s ;
    }

    #overtext {
        position: absolute;
        bottom: 45px;
        right: 0px;
        width: 50vw;
        text-align: left;
        font-weight:100;
        line-height: 100%;
        padding: 15px 0px 25px 20px;
        background-color: rgba(58, 58, 58, 0.9);
        /* background-color: rgba(17, 37, 84, 0.9); */
        /* background-color: rgb(224, 87, 38, 0.9); */
        /* background-color: rgb(224, 87, 38, 1); */
        color: #fff;
        z-index: 100;
        transition: ease 0.5s;
    }
     #overtext b {
         font-weight:700;
         line-height: 100%;
         font-size: 2.5vw !important;
         transition: ease 0.5s;
        }

     #overtext>h1{
         font-size: 2.5vw  !important;
         line-height: 100%;
         transition: ease 0.5s;
        }

    .carousel-indicators {
        margin-bottom: -10px;
    }

    @media (max-width: 1200px) {
        #overtext b {
            font-size: 3.2vw  !important;
            transition: ease 0.5s;
        }
        #overtext>h1{
            font-size: 3.2vw  !important;
            transition: ease 0.5s;
        }

    }

    @media (max-width: 768px) {
        #overtext {
            width: 100%;
            text-align: center;
            transition: ease 0.5s;
            padding: 20px 0px 15px 20px;
        }

        #overtext b {
            font-size: 5.2vw  !important;
            transition: ease 0.5s;
        }
        #overtext>h1{
            font-size: 5.2vw  !important;
            transition: ease 0.5s;
        }

    }
    


    @media (max-width: 576px) {
        #overtext {
            text-align: center;
        }
        #overtext b {
            font-size: 6.5vw  !important;
            transition: ease 0.5s;
        }
        #overtext h1{
            font-size: 6.5vw  !important;
            transition: ease 0.5s;
        }
}