@media only screen and (max-width: 1366px){
    html {
        font-size: 21px;
    }
}
@media only screen and (max-width: 1024px){
    html {
        font-size: 18px;
    }
}
@media only screen and (max-width: 800px){
    html {
        font-size: 16px;
    }
    
    .popupContainer,
    .popup{
        padding: 1.5em;
    }

}

@media only screen and (max-width: 600px){
    .popupContainer{
        padding: 0.75em;
    }

    .popup{
        padding: 1.25em;
        padding-bottom: 2em;
    }

    .profileIdentity{
        grid-template-columns: 3.25rem 1fr;
    }

    .profileImage,
    .profileImagePlaceholder{
        width: 3.25rem;
        height: 3.25rem;
    }

    .profileDropItem{
        grid-template-columns: 1fr;
    }

    .profileDropActions{
        padding-left: 1.85rem;
    }

    .likeForm{
        grid-template-columns: 1fr;
    }

    .aboutLink{
        right: 0.75rem;
        bottom: 0.75rem;
    }
}