.rectangle {
    width: 100%;
    z-index: -1;
    padding-top: 10px;
    padding-bottom: 10px
}

.location{
    font-size: 1.5rem;
}

.directions, .directions:hover{
    color: #EE1D23
}

.info{
    /* font-size: 1rem */
}

#location{
    font-size: 1.5rem;
    font-family: sub-title;
    color: white;
    text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black;
}
#dates{
    font-family: title;
    font-size: 3rem;
    color: #EE1D23;
    text-shadow: 1px 1px black, 2px 2px black;
}
#time{
    font-family: fantasy;
    font-size: 1.5rem;
    color: white;
    text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black;
}

.title {
    font-family: title;
    font-size: 225px;
    color: white;
    text-shadow: 2px 3px black, 4px 5px black
}

.hook {
    color: white;
    font-family: sub-title;
    text-shadow: 1px 1px black, 2px 2px black;
}

.carousel-item {
    /* height: 55vh; */
    overflow: hidden;
    background-position: center;
}

.img-small {
    height: 150px;
    margin: 0px 10px
}

.order-now {
    height: fit-content;
    margin: auto 10px;
    background-color: #EE1D23;
    border-color: #EE1D23;
    font-family: order;
    font-size: 2rem;
    color: white !important;
    text-shadow: 1px 1px black, 2px 2px black
}

.order-now:hover {
    height: fit-content;
    margin: auto 10px;
    background-color: #cc0000;
    border-color: #cc0000;
    color: white !important;
}

@media all and (max-width: 992px) {
    .col-about-img{
        text-align: center
    }

    #about3-text{
        margin-top: 15px
    }
}



.map-container-2 {
    overflow: hidden;
    position: relative;
    height: 0;
}

.map-container-2 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: relative;
}

hr.new5 {
  border: 1px solid black;
  border-radius: 5px;
}

.carousel-item{
    box-shadow: 9px 11px 50px 2px rgb(0 0 0 / 71%);
    border-radius: 0.5rem;
}

.img-main{
    -webkit-box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    -moz-box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    border-radius: 0.25rem;
    height: 300px;
}

.img-shadow{
    -webkit-box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    -moz-box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    box-shadow: 9px 11px 50px 2px rgba(0, 0, 0, 0.71);
    border-radius: 0.25rem;
}