.contacts-page__main{background: #FFDA8A;}
.contacts-page__top{background:#E8BDBB; padding:1rem 0; border-top:var(--border); border-bottom:var(--border);}
.contacts-page__top .link{padding:.75rem 0; display: inline-block;}
.contacts-page__container{ overflow: hidden;}

.contacts-list{list-style: none; padding:0; margin-bottom:2rem;}
.contacts-list__item{background:#FFDA8A; padding:2rem 0;}
.contacts-list__content{display:block; margin-bottom:1rem;}
.contacts-list__title{display:block; margin-bottom:1rem; line-height:1.2; margin-right:.5rem;}
.contacts-list__title span{display:inline; -webkit-box-decoration-break: clone; box-decoration-break: clone;font:var(--title); font-size:18px; font-weight: 700; padding:3px 0; text-transform: uppercase; background:#F7F0E0; box-shadow:8px 0 0 #F7F0E0, -8px 0 0 #F7F0E0}
.contacts-list__link{color:#D04B44; font-weight: bold; text-decoration: underline; }
.contacts-list__link:hover{color:#D04B44; font-weight: bold; text-decoration: underline;}
.contacts-map{padding:0;}
.contacts-map__block{margin:0 -.5rem; border-bottom:var(--border); height:300px; margin-bottom:2rem; }
.contacts-map__controls .btn{font-size:2rem!important; text-align:center; margin:10px auto; width:24px; height:24px; line-height:0!important; display:block;}

.contacts-page__main{border-bottom:var(--border);}
.contacts-map{padding:0;}
.contacts-map__block{margin:0 -.5rem; border-bottom:var(--border); height:300px;}
.contacts-map__controls .btn{font-size:2rem!important; text-align:center; margin:10px auto; width:3rem; height:3rem; line-height:0!important; display:block;}


@media screen and (min-width:47em){
    .contacts-map__block{margin:0 -1rem;}
}

@media screen and (min-width:63em){
    .contacts-map__block{height:100%; min-height:25rem; border-bottom:0; border-left:var(--border); }
    .contacts-map__controls .btn{width:4rem; height:4rem; }
}