/**
   Файл:    <шаблон>/css/benefits/benefits.css
   Раздел:  Стили страницы "Пособие на похороны"
   Автор:   BVP
 */

/*  Уменьшаем страндартный отступ блока перед таблицей */
#arb-values {
    padding-bottom: .5%;
}
 
/*  Таблица пособий для различных категорий граждан */
#arb-categories {
    display:       table;
    margin:        0 0 6%;
    padding:       0 0 1%;
    text-align:    center;
    border-top:    solid 2px;
    border-bottom: solid 2px;
}

/*  Заголовки */
#arbt-headers {
    display: table-row;
}
#arbt-headers > div {
    display:       table-cell;
    font-weight:   bold;
    padding:       1em 2em;
    border-bottom: solid 1px;
}

/*  Категории */
.arbt-row {
    display: table-row;
    padding: 1em 0;
}
.arbt-row > div {
    display: table-cell;
    padding: 1em 2em;
    border-bottom: solid 1px;
}
.arbt-row-last > div {
    border-bottom: none;
}


@media only screen and (max-width : 900px) 
{
    #arbt-headers > div,
    .arbt-row     > div {
        padding: 1em 1em;
    }
}

@media only screen and (max-width : 800px) 
{
    #arbt-headers > div,
    .arbt-row     > div {
        padding: 1em .5em;
    }
}

@media only screen and (max-width : 700px) 
{
    #arbt-headers > div:first-of-type,
    .arbt-row     > div:first-of-type {
        padding-left: 0;
    }
    #arbt-headers > div:last-of-type,
    .arbt-row     > div:last-of-type {
        padding-right: 0;
    }
}

@media only screen and (max-width : 600px) 
{
    #arbt-headers > div:last-of-type,
    .arbt-row     > div:last-of-type {
        display: none;
    }
    #arbt-headers > div:nth-of-type(3),
    .arbt-row     > div:nth-of-type(3) {
        padding-right: 0;
    }
}

@media only screen and (max-width : 450px) 
{
    #arbt-headers > div {
        font-size: .95em;
    }
    .arbt-row > div:nth-of-type(2),
    .arbt-row > div:nth-of-type(3) {
        font-size: .9em;
    }
}

@media only screen and (max-width : 450px) 
{
    /*  не влезают копейки в последнем столбце */
    #arbt-headers > div:nth-of-type(1),
    .arbt-row     > div:nth-of-type(1) {
        padding-right: 0;
        font-size:     .9em;
    }
    .arbt-row > div:nth-of-type(2),
    .arbt-row > div:nth-of-type(3) {
        font-size: .85em;
    }
}