.slogan{
    width:100% !important;
    margin:0 auto;
    background-color:rgb(0,0,0,0.25);
    left:25% !important ;
 
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.slogan h2{
    white-space: nowrap !important;
    
  
}
.slogan h3{
    white-space: nowrap !important;
   

}
.dark-slider h2, .light-slider h2 {
    font-size: 35px !important;

  }


@media (max-width: 767px) {
    .slogan{
        width:95% !important;
        margin:0 auto;
        background-color:rgb(0,0,0,0.25);
        left:15% !important ;
     
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;

    }
    .slogan h2{
        white-space: nowrap !important;
        font-size: 20px !important;
       
     
    }
    .slogan h3{
        white-space: nowrap !important;
        font-size: 12px !important;
       
     
    }
    .dark-slider h2, .light-slider h2 {
        font-size: 18px !important;
    
      }

      .dark-slider h2.first-title, .light-slider h2.first-title {
        font-size: 26px !important;
        font-weight: 700;
    
      }
    
}

@media (max-width: 576px) {
    .slogan{
        width:80% !important;
        margin:0 auto;
        background-color:rgb(0,0,0,0.25);
        left:5% !important ;
     
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;

    }


}