body {
    font-family: 'Roboto';
    font-weight: 300;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab';
}

.block_1 {
    background-color: #333333;
    color: #999999;
    border-bottom: solid 1px #000;
}


.container_one {
    margin-left: 0;
    padding-left: 0;
}



.logo {
    background-color: #ffc22b;
    color: #000;
    font-family: 'Roboto Slab';
    font-weight: bold;
    font-size: 1.5rem;
    cursor: pointer;
}

.cont {
    padding-top: .7rem;
}

.category{
   cursor: pointer; 
}

.tenicat{
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    padding: .5rem;
    background-color: #fff;
    margin-bottom: 10px;
}

.tenicat:hover{
    box-shadow: 0 1px 3px 3px rgba(0,0,0,.4);
}

.block_2 {
    background-color: #d0d0d0;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #777777;
    text-transform: uppercase;
    font-weight: 500;
}

.opisanie{
    min-height: 320px;
}


.block_5 {
    background-color: #dcdcdc;
}

.block_6 {
    background-color: #333333;
    color: #ffc22b;
}

.block_7 {
    background-color: #ffc22b;
    color: #000;
}

.block_9 {
    background-color: #333333;
    color: #fff;
}

.block_10 {
    background-color: #515151;
    color: #fff;
}














/* xl-размер (>=1200px) */


/* CSS для >=1200px */


/* lg-размер (<=1199px) */

@media (max-width: 1199px) {
    /* CSS для ширины от 992px до 1199px */
    .cont {
        padding-top: 1rem;
    }
}




/* md-размер (<=991px) */

@media (max-width: 991px) {
    /* CSS для ширины от 768px до 991px */
    .cont {
        padding-top: 1rem;
    }
}




/* sm-размер (<=768px) */

@media (max-width: 767px) {
    /* CSS для ширины от 576px до 767px */
    .cont {
        padding-bottom: .5rem;
        padding-top: 1rem;
    }

    .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}




/* xs-размер (<=575px) */

@media (max-width: 575px) {
    /* CSS для ширины до 575px (включительно) */
}