.collaspe {
    max-height: 0vw;
    overflow: hidden;
    border-radius: 25px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;   
    transition: all 0.5s ease;
}

.collaspe .address, .collaspe .times {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;   
    text-align: center;
    padding: 5% 0%;
    margin-bottom: 1%;
    border-radius: 25px;
}

.collaspe .address p{
    white-space: nowrap;
}

.collaspe .times {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    place-items: center;
}

.collaspe .map {
    aspect-ratio: 4 / 2;
    width: 100%;
    height: auto;
}

.collaspe .map iframe{
    width: 100%;
    height: 100%;
}

/* 3. Mobile / Small Screens (600px and below) */
@media (max-width: 720px) { 
    .collaspe .times {
        font-size: 3vw;
    }
}