#intro-1 {
    height: 100vh;
}

#intro-1 #carousel {
    height: 100vh;
}

#intro-1   #caruselMainInner .container {
      margin-bottom: 100px; 
}



@media screen and (max-width: 767px) {
    
#intro-1 {
    height: calc(100vh +65px);
}

#intro-1 #carouselIntro .carousel-item  img{
    height: calc(100vh +65px ) !important;
}

#intro-1   #caruselMainInner .container {
        margin-bottom: 0px;
        margin-top: 10px;
}

#intro-1   #caruselMainInner {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: calc(100vh +65px ) !important;
        top: 55px !important;
    }
    
#intro-1  #caruselMainInner h1 .display-6 {
    font-size: 1.5rem !important;
}   
    
}