html {
    background-image: url('../../images/grass2.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
body {
    background-color: rgba(0,0,0,0.6);
}
.btn-primary {
    background-color: #ffffff;
    border-color: #991b1f;
    color: #991b1f;
}
.btn-primary:hover {
    background-color: #991b1f;
    border-color: #991b1f;
    color: #ffffff;
}
article {
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 4px 2px 6px #000000;
}
.btn-home{
    padding: 4px 6px;
}
.btn-home i{
    font-size: 22px;
}
@media (max-width: 767px) {
    img {
        object-fit: cover;
        width: 92px !important;
        height: 92px !important;
        float: left;
        margin: 5px 8px 3px 0;
    }
    article {
        border-bottom: solid 1px #999999;
        margin-bottom: 25px;
        line-height: 1.4;
    }
    .top {
        background: #ffffff;
        padding: 4px;
        text-align: center;
        position: fixed;
        z-index: 9999;
        width: 100%;
        border-bottom: solid 2px #999999;
    }
    .news-body {
        min-height: 100px;
    }
}
.ad {
    width: auto !important;
    height: auto !important;
    clear: both !important;
    float: none !important;
}
@media (min-width: 768px) {
    img {
        object-fit: cover;
        width: 220px !important;
        height: 147px !important;
        margin: 6px 10px 10px 0;
        float:left;
    }
    article {
        clear:both;
        margin-bottom: 10px;

    }
    article p{
        min-height: 100px;
    }
    .top {
        background: #ffffff;
        padding: 10px;
        text-align: center;
        position: fixed;
        z-index: 9999;
        width: 100%;
        border-bottom: solid 2px #999999;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 1000px !important;
    }
}
