.blogpostDefault {
    padding-bottom: 50px;
}
    .blogpostDefault header {
        margin-bottom: 50px;
    }
    @keyframes rightAndLeft {
        0% {
            margin-left: 0px;
        }
        50% {
            margin-left: 20px;
        }
        100% {
            margin-left: 0px;
        }
    }
    .blogpostDefault .col-sm-3 a
    {
        display: block;
        position: relative;
        margin-bottom: 50px;
    }
        .blogpostDefault .col-sm-3 a:before
        {
            position: absolute;
            content: "<";
            color: #ffed00;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            cursor: pointer;
            font-size: 26px;
        }
        @media (min-width: 768px) {
            .blogpostDefault .col-sm-3 a:before {
                font-size: 26px;
            }
        }
        @media (min-width: 992px) {
            .blogpostDefault .col-sm-3 a:before {
                font-size: 28px;
            }
        }
        @media (min-width: 1200px) {
            .blogpostDefault .col-sm-3 a:before {
                font-size: 40px;
            }
        }
        .blogpostDefault .col-sm-3 a:hover:before
        {
            -webkit-animation-name: rightAndLeft;
            animation-name: rightAndLeft;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }
        .blogpostDefault .col-sm-3 img
        {
            object-fit: cover;
            width: 100%;
            height: 300px;
        }
    .blogpostDefault .col-sm-9 .date
    {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .blogpostDefault .col-sm-9 img
    {
        width: 100%;
        height: auto;
        margin: 10px 0 20px;
    }
    .blogpostDefault .shareLinks {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
    }
        .blogpostDefault span {
            display: block;
            cursor: pointer;
            height: 20px;
            width: 20px;
            margin-left: 5px;
        }
        @media (min-width: 768px) {
            .blogpostDefault .shareLinks span {
                height: 22px;
                width: 22px;
            }
        }
        @media (min-width: 992px) {
            .blogpostDefault .shareLinks span {
                height: 24px;
                width: 24px;
            }
        }
        @media (min-width: 1200px) {
            .blogpostDefault .shareLinks span {
                height: 26px;
                width: 26px;
            }
        }
            .blogpostDefault svg {
                display: block;
                height: inherit;
                width: inherit;
                transition: transform .25s;
            }
            .blogpostDefault svg:hover {
                transform: scale(1.2);
            }
                .blogpostDefault svg path {
                    fill: #ffed00;
                    transition: fill .5s;
                }
                .blogpostDefault svg:hover path {
                    fill: #212121;
                }