/**
   Файл:    <шаблон>/css/services/services.css
   Раздел:  Стили страницы "Ритуальные услуги"
   Автор:   BVP
   -----------------------------------------------------------
 */

/*  Группа услуг */
.msr-group {
    display:  block;
    overflow: hidden;
    width:    100%;
    padding:  0 5% 5%;
}

/*  Одна услуга */
.msr-service {
    float:      left;
    width:      20%;
    padding:    2%;
    text-align: center;
    border:     solid 2px transparent;
}
.msr-service a {
    display:  block;
    overflow: hidden;
    height:   140px;
}
.msr-icon svg {
    width: 60px;
}
.msr-name {
    margin-top:     10px;
    border-top:     solid 1px;
    padding-top:    10px;
    font-size:      1.1em;
    line-height:    1.4em;
    text-transform: uppercase;
}

/*  Дополнительные услуги */
#add-services h2 {
    text-align: center;
}
#add-services-preview {
    padding:    1% 7% 3%;
    text-align: justify;
}


@media (max-width: 800px)
{
    .msr-service {
        width:   25%;
        padding: 3%;
    }
    .msr-service a {
        height: 130px;
    }
}

@media (max-width: 700px)
{
    .msr-service {
        width:   33.3333%;
        padding: 4%;
    }
    .msr-service a {
        height: 125px;
    }
    .msr-icon svg {
        width: 54px;
    }
    .msr-name {
        font-size: 1.05em;
    }
}

@media (max-width: 480px)
{
    .msr-service {
        width:   50%;
        padding: 5%;
    }
    .msr-service a {
        height: 115px;
    }
    .msr-icon svg {
        width: 50px;
    }
    .msr-name {
        font-size: 1em;
    }
}

@media (max-width: 360px)
{
    .msr-service {
        padding: 3%;
    }
    .msr-service a {
        height: 115px;
    }
    .msr-icon svg {
        width: 44px;
    }
}