@media screen and (max-width: 600px) {
    .blog-link {
        width: 90%;
        box-shadow: 0 2px 8px 0 rgba(33,43,53,.12);
        display: block;
        margin: 20px;
        text-decoration: none;
        color: black;
        border-radius: 5px;
    }
    
    .blog-card-wrapper {
        overflow: hidden;
        text-align: left;
    }
    
    .blog-img {
        width: 400px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .blog-content-card {
        padding: 10px;
    }
    
    .author-feed {
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    
    .profile-author-card{
        width: 90%;
        margin: 70px auto 0 auto;
        padding: 20px;
        text-align: left;
    }
    
    .author-feed-wrap {
        background-color: #fafbfc;
    }
    
    .profile-author-card-img img {
        width: 140px;
    }
    
    .profile-author-card-img {
        position: relative;
    }
    
    .profile-author-card-img span{
        font-size: 30px;
        font-weight: 800;
        margin-left: 30px;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .profile-author-card-about {
        margin-top: 20px;
        line-height: 30px;
    }
}

@media screen and (min-width: 601px) {
    .blog-link {
        width: 30%;
        box-shadow: 0 2px 8px 0 rgba(33,43,53,.12);
        display: block;
        margin: 20px;
        text-decoration: none;
        color: black;
        border-radius: 5px;
    }
    
    .blog-card-wrapper {
        overflow: hidden;
        text-align: left;
    }
    
    .blog-img {
        width: 400px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .blog-content-card {
        padding: 10px;
    }
    
    .author-feed {
        width: 70%;
        margin: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .profile-author-card{
        width: 70%;
        margin: 70px auto 0 auto;
        padding: 20px;
        text-align: left;
    }
    
    .author-feed-wrap {
        background-color: #fafbfc;
    }
    
    .profile-author-card-img img {
        width: 140px;
        border-radius: 50%;
    }
    
    .profile-author-card-img {
        position: relative;
    }
    
    .profile-author-card-img span{
        font-size: 30px;
        font-weight: 800;
        margin-left: 30px;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .profile-author-card-about {
        margin-top: 20px;
        line-height: 30px;
    }
}