MINI MINI MANI MO

/*----------------------------------------
    Blog
------------------------------------------*/
.vertical-align-top
{
    vertical-align: top;
}

.card-animation-1,
.image-n-margin
{
    margin-top: -50px;

    -webkit-transition: .3s;
    /* Safari */
    -webkit-transition: .5s;
            transition: .5s;
}

.card-animation-1:hover .image-n-margin
{
    margin-top: -80px;
    margin-bottom: 30px;

    -webkit-transition: .3s;
    /* Safari */
    -webkit-transition: .5s;
            transition: .5s;
}

#blog-list .card.horizontal
{
    overflow: hidden;

    max-height: 200px;
}

#blog-list .social-icon
{
    width: 7.5rem;
}

#blog-list .social-icon .material-icons:hover
{
    cursor: pointer !important;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)
{
    #blog-list .social-icon
    {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display:         inline-flex;

        padding-left: 0;
    }
}

@media screen and (max-width: 768px)
{
    #blog-list .card-panel .mt-3.social-icon
    {
        margin-top: 2% !important;
    }
}

@media screen and (max-width: 600px)
{
    #blog-list .card-panel .mt-3.social-icon
    {
        margin-top: 1% !important;
    }
}

@media screen and (max-width: 480px)
{
    #blog-list
    {
        margin-top: 3rem;
    }
}