/*!
 * Start Bootstrap - Full Slider (http://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */

.carousel-item {
    height: 81vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide-corner-left{
    position: relative;
    top: 20px;
    left: 20px;
    color: #000;
    text-align: left;
}

.slide-corner-right{
    position: relative;
    top: 20px;
    left: 0;
    color: #fff;
    text-align: right;
    width: 98%;
}


@media (max-width: 992px) {
    .carousel-item  {
       height: 0vh;
    }
    
    h3, .h3 {
        font-size: 1.2rem;
    }
    
}
#opacity{
   background: rgba(0, 0, 0, 0.3); width: 100%; height: 100% !important; position:absolute; 
}

#text-carrousel-4{
    font-size: 2.2rem;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1.5px;
 }

#title-carrousel-4{
    font-size: 2.1rem;
    margin-top: 0.2rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1.5px;
}
#text-carrousel-second{
    font-size: 1.4rem;
    color: #fff;
}
#slide1{
    background-image: url("../../img/carousel/img4.jpg");
    background-color: #cccccc;
}

#slide2{
    background-image: url("../../img/carousel/img2.jpg");
    background-color: #cccccc;
}

#slide3{
    background-image: url("../../img/carousel/img3.jpg");
    background-color: #cccccc;
}

#slide4{
    background-image: url("../../img/carousel/img1.jpg");
    background-color: #cccccc;
}

.btn-slider{
    background: #FF8C0F;
    color: #ffff;
    font-size: 1.5rem;
 }

.btn-green{
    background: rgb(1, 166, 137);
 }
 .btn-purple{
    background: rgb(156, 86,184);
 }
 @media only screen and (max-width: 600px) {
   #text-carrousel-4{
    font-size: 1rem;
    }

    #title-carrousel-4{
        font-size: 1rem;
        margin-top: 0.2rem;

    }
    #text-carrousel-second{
        font-size: 1rem
    } 
    #image-slider{
        width: 125px;
     }
     .btn-slider{
        font-size: 1em;
     }
}