.w-100{
    width:100% !important;
}
.p-2{
    padding:0.5rem !important;
}
.bg-white{
    background:#fff !important;
}

.blog-content{
    float: left;
    width: 70% !important;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0;
    background: #ffffff;
}

#blog-main{
    padding: 15px;
    background: #fff;
}

.mt-2{
    margin-top:0.5rem;
}

.text-white{
    color: #fff;
}

.btn-warning{
    margin-left: 8px;
    line-height: 35px;
    float: left;
    padding: 3px 16px;
    background: #ffca28;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    text-decoration: blink;
}
.btn-warning:hover {
    text-decoration: none !important;
    background: #ffb300;
}

@media only screen and (max-width: 600px) {
    .btn-warning{
        margin-left: 8px;
        line-height: 24px;
        float: left;
        padding: 3px 16px;
        background: #ffca28;
        font-weight: bold;
        text-transform: uppercase;
        color: #000000;
        text-decoration: blink;
    }
    .blog-content{
        width: 100% !important;
    }
}