@media (max-width: 1024px) {
    #top-banner .carousel-inner, #top-banner .carousel-item, #top-banner .carousel-item>a>img{
        max-height: 450px;
        
    }
    
    .display-3{
        font-size:2.5rem;
        text-shadow:1px 1px 10px #fff;
    
    }
    .lead{
       font-size: 1rem;
       text-shadow:1px 1px 10px #fff;
 
    }
    
    .carousel .btn-lg{
        font-size:0.8rem !important;
 
    }

    #top-banner .carousel-indicators{
       margin-right: 4%;
    }
     #top-banner .carousel-item .d-block{
         height:100%;
     }
     
     .carousel-caption{
         padding-left:20px;
         padding-right:20px;
         padding-top:0px;
     }
     
}

    .carousel-item > .img-fluid {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}