@media screen and (min-width: 1500px){
    .showcase-section{
        display: flex;
        width: 100%;
    }
    .showcase-subsection-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 5rem;
        width: 45%;
    }
    .showcase-subsection-video{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 45%;
        margin-left: 2%;
    }
    .showcase-title{
        font-size: 3.5rem;
    }
    
    .showcase-description{
        font-size: 1.3rem;
    }
    
    .showcase-story{
        font-size: 1.2rem;
        color: rgb(145, 154, 165);
    }
    .display-img {
        width: 100%;
        /* min-height: 36rem; */
        margin: 5rem;
    }
    .display-video {
        width: 100%;
        min-height: 36rem;
        margin: 5rem;
    }
}
@media screen and (min-width: 1150px) and (max-width: 1499px){
    .showcase-section{
        display: flex;
        flex-direction: column;
        width: 80%;
        padding: 5rem 10% 2rem;
    }
    .showcase-subsection-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .showcase-subsection-video{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .showcase-title{
        font-size: 2.5rem;
        text-align: center;
    }
    
    .showcase-description{
        font-size: 1.3rem;
        text-align: center;
    }
    
    .showcase-story{
        font-size: 1.2rem;
        color: rgb(145, 154, 165);
    }
    
    .display-img {
        width: 100%;
        /* min-height: 36rem; */
        margin: 2rem;
    }
    .display-video {
        width: 100%;
        min-height: 36rem;
        margin: 5rem;
    }
}
@media screen and (min-width: 800px) and (max-width: 1150px){
    .showcase-section{
        display: flex;
        flex-direction: column;
        width: 80%;
        padding: 5rem 10% 2rem;
    }
    .showcase-subsection-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .showcase-subsection-video{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .showcase-title{
        font-size: 2.5rem;
        text-align: center;
    }
    
    .showcase-description{
        font-size: 1.3rem;
        text-align: center;
    }
    
    .showcase-story{
        font-size: 1.2rem;
        color: rgb(145, 154, 165);
    }
    
    .display-img {
        width: 100%;
        /* margin: 5rem; */
    }
    
    .display-video {
        width: 100%;
        min-height: 26rem;
    } 
}
@media screen and (max-width: 799px){
    .showcase-section{
        display: flex;
        flex-direction: column;
        width: 80%;
        padding: 5rem 10% 2rem;
    }
    .showcase-subsection-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    .showcase-subsection-video{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .showcase-title{
        font-size: 2.5rem;
        text-align: center;
    }
    
    .showcase-description{
        font-size: 1.3rem;
        text-align: center;
    }
    
    .showcase-story{
        font-size: 1.2rem;
        color: rgb(145, 154, 165);
    }
    
    .display-img {
        width: 100%;
        /* margin: 5rem; */
    }
    
    .display-video {
        width: 100%;
        min-height: 22rem;
    } 
}