@media(max-width:992px){
    body{
        align-items: flex-start;
        margin-top: 3em;
    }
    main{
        width: 95%;
        flex-direction: column;
        align-items: center;
        
    }
    .drawer{
           width: 100%;
           border-top-right-radius: 10px;
           border-top-left-radius: 10px;
    }
    section{
        width: 100%;
        height: 340px;
        padding: 0;
        border-bottom-left-radius: 10px;
    }
    .heading-text{
        font-size: 1.4em;
        margin: .9em;
        margin-bottom: 10px;
    }
    .heading-description{
        margin: .9em;
        margin-left: 20px;
    }
    .hidden{
        display: none;
    }
    footer{
        height: 78px;
        padding: .9em;
        margin-top: 25px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    
}

@media(max-width:410px){
    section{
        height: 420px;
    }
}