/* Mobile Portrait */
@media only screen and (max-width: 500px) {
    .entertainment-box {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        padding: 0;
    }

    .grid-box {
        width: 100%;
        float: left;
        margin: 14% 0 0;
    }

    .box-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .box-first .image img {
        width: 100%;
        object-fit: cover;
    }

    .box-grid .box-two {
        width: 100%;
    }
}

/* Mobile Landscape and Tablet Portrait */
@media only screen and (min-width: 501px) and (max-width: 760px) {
    .entertainment-box,
    .grid-box {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
}

/* Tablet Landscape and Small Laptop */
@media only screen and (min-width: 761px) and (max-width: 1100px) {
    .entertainment-box {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

/* Large Laptop and Desktop 
@media only screen and (min-width: 1101px) {
    .entertainment-box {
        grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
    }
    .text p:first-child {
    font-size: 25px;}
    
    .date {
    font-size: 15px;}
    
    .time {
    font-size: 15px;
}
    
    .text p:last-child {
    font-size: 15px;}
}*/