@media only screen and (max-width: 991px){
    
    /* HIDE LOGO AND IMAGE */
    .navbar-brand{
        display: none;
    }

    .intro img,
    .text-messages img,
    .group-conversation img,
    .photo-videos img,
    .hide-img{
        display: none;
    }

}

    /* USER INTERACTION EVENTS */
@media only screen and (min-width: 991px){
    .download-button:hover{
        color: #fff;
        border: 3px solid #23B75A;
    }

    .learn-more-button:hover{
        color: var(--main-color);
        border: 3px solid #23B75A;
    }

    .cards a:hover{
        color: var(--muted-color);
    }

    footer a:hover{
        color: #fff;
    }
}

    /*  RESPONSIVENESS ADJUSTMENT */
@media only screen and (max-width: 471px){
    .buttons a{
        display: block;
    }
}