:root {
	--headers-size: 14px;
	--small-block-width: 110px;
	--more-info-height: 25px;
	--arrow-long: 30px;
	--bottom-padding: 90px;
	--top-padding: 40px;
}

#contacts-container {
	padding: var(--top-padding) 0 var(--bottom-padding);
	font-size: var(--headers-size);
}

#contacts-container h4{
	margin: 0;
	font-weight: 600;
	font-size: var(--headers-size);
}

.very-wide-contacts-block, .wide-contacts-block-double {
	width: calc((2 * (100% - var(--small-block-width))) / 3);
}

.wide-contacts-block {
	width: calc((100% - var(--small-block-width)) / 3);
}

.small-contacts-block {
	/*text-align: right;*/
	width: var(--small-block-width);
}

.wide-contacts-block, .small-contacts-block, .wide-contacts-block-double {
	float:  left;
}

p.contact-info-value {
	
}

.contact-info-value p {  }

a.contact-info-more {
	margin: 10px -30px 25px;
	height: var(--more-info-height);
	display: block;
}

.arrowHolder {
	height: calc(var(--arrow-long) / var(--arrow-hor-ratio));
}

.contact-info-more svg {
	height: calc(var(--arrow-long) / var(--arrow-hor-ratio));
	width: var(--arrow-long);
	margin-left: var(--more-info-height);
}

.contact-info-more .material-icons {
	font-size: 18px;
	margin-right: 9px;
}

input, textarea { 
	color: #000;  
	width: 100%;
	margin-top: 25px !important;
}

textarea {
	height: 90px;
	margin-bottom: 35px !important;
	resize: none;
}

/************************************************************/

@media (max-width: 1100px) and (min-width: 840px) {
    :root {
        
    }

}

@media (max-width: 839px) and (min-width: 701px) {
    :root {
        
    }

    .very-wide-contacts-block { width: 100%; margin-top: 30px; }

    .wide-contacts-block-double .contact-info-item { padding-left: 45px; }
}

@media (max-width: 700px) {

    :root {
        
    }

    .wide-contacts-block, .small-contacts-block, .very-wide-contacts-block { width: 100%; }

    .separate-row {
    	position: relative;
    	padding-top: 30px;
    }

    .wide-contacts-block-double { /*margin-left: -15px;*/ }

    .separate-row::before {
    	content: "";
    	position: absolute;
    	top: 15px;
    	left: 0px;
    	width: 100%;
    	height: 1px;
    	background-color: #eee;
    }
}