/**
   Файл:    <шаблон>/css/company/contacts.css
   Раздел:  Стили страницы "Контакты"
   Автор:   BVP
 */

/*  Группы контактов */
.contact-group {
    display:  block;
    overflow: hidden;
    float:    left;
    width:    25%;
    padding:  0 2%;
}
.cg-header {
    margin-bottom:  10%;
    padding-bottom: 10%;
    border-bottom:  solid 1px;
    text-align:     center;
}
.cc-text {
    font-size: 1.05em;
}
.cc-comment {
    margin-bottom: .5em;
    font-size:     .9em;
    line-height:   1.3em;
}
#contact-phones .cc-text {
    margin-bottom: .8em;
}
 
/*  Карта пешего маршрута */
#on-foot-map {
    width: 100%;
}

/*  Фотографии пешего маршрута */
#on-foot-images {
    width: 102%;
    margin: 0 -1%;
}
#on-foot-images img {
    width:   25%;
    padding: 0 1%;
}


@media (max-width: 800px) 
{
    .contact-group {
        width:   50%;
        padding: 0 4%;
    }
    .contact-group:nth-of-type(1),
    .contact-group:nth-of-type(2) {
        height: 200px;
    }
    .cg-header {
        margin-bottom:  6%;
        padding-bottom: 6%;
    }
}

@media (max-width: 600px) 
{
    #on-foot-images img {
        width:   50%;
        padding: 1% 1%;
    }
}

@media (max-width: 450px) 
{
    .contact-group {
        width:   100%;
        padding: 0 10% 5%;
    }
    .contact-group:last-of-type {
        padding-bottom: 0;
    }
    .contact-group:nth-of-type(1),
    .contact-group:nth-of-type(2) {
        height: auto;
    }
    .cc-text,
    .cc-comment {
        text-align: center;
    }
}