.widget-area {
width: 100% !important;
}
.widget {
margin: 0 10px 20px;
}

span.comments {
  color: white;
  text-transform: uppercase;
  font-size: 11px;
}
@media all {
    #logo #site-title a {
        color: #fff;
        display: inline-block;
        font-size: 25px;
        font-weight: 500;
        line-height: 23px;
        margin-top: 0px;
        text-decoration: none;
        text-transform: uppercase;
    }
    #logo #site-title {
        display: block;
        font-size: 18px;
        margin: 0px 0 11px;
        word-break: break-word;
    }
    body {
        font-weight: 500;
        color: #555 !important;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        line-height: 22px;
        background: none repeat scroll 0 0 #eeeded;
    }
    a {
        text-decoration: none;
        color: #999999;
    }
    #main .ske_widget ul ul li::before {
    }

}

#site-description {
    width: 320px;
}

.main-navigation::after {
left: 0;
width: 100% !important;
}

.site-description {
margin: 0 40px 20px;
width: 220px;
}

li {
    font-size: 1.2em;
}

.main-navigation a {
    display: block;
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    color: #fff !important;
}

.main-navigation {
width: 100% !important;
margin: 0 0 20px;
}