.carousel {
    height: auto !important;
}

@media (min-width: 768px) {
header {
    min-height: auto !important;
}
}


@media (max-width: 768px){
.carousel {
    height: auto !important;
    padding-top: 90px !important;
}
}

@media screen and (max-width: 1224px){
.carousel-caption {
    right: 20%;
    left: 20%;
    height: 100%;
    padding-bottom: 0px !important;
    top:20% !important;
    font-size:16px !important;
    margin-bottom: 0px !important;
}
}


.carousel-caption {
    position: absolute;
    right: 15%;
    margin-bottom: 200px !important;
    bottom: 0px !important;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
}