.blog-container
{
    width:80%;
    margin:80px auto;
    display:flex;
    justify-content:space-between;
}

.blog-container .left
{
    flex-basis:65%;
}

.left img
{
    width:100%;
    border-radius:2px;
}

.left h2
{
    font-size:22px;
    color:#222;
    margin:22px 0px;
    font-weight:600;
}

.left p
{
    font-size:14px;
    color:#777;
    line-height:1.5;
}

.right
{
    flex-basis:32%;
}

.right h3
{
    background:#f44336;
    width:100%;
    color:white;
    padding:3px 5px;
    margin-bottom:15px;
}

table
{
    width:100%;
    border-spacing:0px 15px; /* Horizontal-Spacing  Vertical-Spacing */
}

th
{
    text-align:left;
}

.comment-box
{
    margin-top:80px;
    width:100%;
    border:2px solid #999;
    padding:15px;
}

.comment-box h3
{
    margin-bottom:20px;
}

input,textarea
{
    width:100%;
    margin-bottom:20px;
    background:#e9e8e8;
    border:none;
    color:#777;
    padding:7px 5px;
    border-radius:2px;
    outline:0;
    transition:0.15s;
}

textarea
{
    height:120px;
}

button
{
    background:red;
    outline:0;
    border:none;
    padding:10px 8px;
    border:2px solid red;
    font-weight:bold;
    color:white;
    cursor:pointer;
    transition:0.3s;
}

button:hover
{
    background:white;
    color:red;
}

input:focus,textarea:focus
{
    box-shadow:0 0 0 6px rgba(252, 19, 19, 0.25);
}

@media screen and (max-width:700px)
{
    .blog-container
    {
        flex-direction: column;
    }

    .right
    {
        margin-top:60px;
    }
}