.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
    background-color: #fabc00;
}
.carousel-caption {
    color: black;
    /* right: 80%; */
    text-align: center;
    /* max-width: 500px; */
    /* left: auto; */
    /*top: auto;*/
    top: 50%;
    /* transform: translateY(-70%); */
    bottom: initial;
    z-index: auto;
}
.carousel-caption a {
    background-color: #fabc00;
}
.carousel-caption a {
    border-color: white;
    margin-top: 1em;
}
.carousel-caption a:hover {
    background-color: rgb(88, 88, 88);
}
/* Animation delays */
.carousel-caption h1:first-child {
    animation-delay: 1s;
}
.carousel-caption h1:nth-child(2) {
    animation-delay: 2s;
}
.carousel-caption a {
    animation-delay: 2s;
}

@media only screen and (max-width: 768px) {
    .carousel-caption {
        right: 0%;
        left: 0;
        /* max-width: 900px; */
    }
}
@media only screen and (max-width: 425px) {
    .carousel-caption {
        right: 0%;
        left: 0;
        top: 30%;
        margin: 30px auto;
        /* max-width: 900px; */
    }
    .carousel-caption h1 {
        font-size: 15px;
    }
    .carousel-caption p {
        font-size: 13px;
    }
    .carousel-caption a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 320px) {
    .carousel-caption {
        right: 0%;
        left: 0;
        top: 10%;
        margin: 10px auto;
        /* max-width: 900px; */
    }
    .carousel-caption h1 {
        font-size: 15px;
    }
    .carousel-caption a {
        font-size: 12px;
    }
}
/* h1 {
    font-size: 30px;
    font-weight: bold;
}

.p {
    padding-top: 125px;
    text-align: center;
}

.p a {
    text-decoration: underline;
} */