*{
    box-sizing:border-box;
}

body{
    font-family: "Segoe UI", Arial, sans-serif;
    background:#fff;
    color:#555;
		margin: 0px;
	padding: 0px;
}

.hero img{
    display:block;
    width:100%;
    height:auto;
	margin: 0px;
	padding: 0px;
}

.main{
    background:#fff;
    padding:0;
}

.contact-container{
    max-width:1800px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
}

.map-section{
    flex:0 1 420px;
}

.map-section img{
    display:block;
    width:100%;
    height:auto;
}

.contacts{
    flex:1;
    padding:15px 40px 40px;
}

.contacts h1{
    color:#1266b1;
    font-size:28px;
    font-weight:500;
    margin-bottom:35px;
}

.head-office{
    display:grid;
    grid-template-columns:
        1.4fr
        1.5fr
        1fr
        1.2fr;
    gap:40px;
    align-items:flex-start;
}

.label{
    color:#1266b1;
    font-weight:600;
    margin-bottom:4px;
}

.info-item{
    font-size:18px;
}

.info-item a{
    color:#666;
    text-decoration:none;
}

hr{
    border:none;
    border-top:1px solid #d1d1d1;
    margin:30px 0;
}


.contacts h2{
    text-align:center;
    color:#1266b1;
    font-weight:400;
    margin-bottom:35px;
}

.offices{
    display:grid;
    grid-template-columns:
        repeat(5, 1fr);
    gap:30px;
}

.office{
    padding-left:25px;
    border-left:1px solid #f05252;
}

.office:first-child{
    border-left:none;
    padding-left:0;
}

.office h3{
    font-size:18px;
    color:#4d4d4d;
    margin-bottom:8px;
}

.office a{
    text-decoration:none;
    color:#1674c2;
}

.office a[href^="tel:"] {
    text-decoration:none;
    color:#4d4d4d;
}

.office a:hover{
    text-decoration:underline;
}

.footer-container{
    max-width:1400px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
}

.footer{
    flex:1;
    padding:15px 40px 40px;
	display:grid;
	text-align:center;
}

.footer_links{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:10px;
}

.footer_link a{
    text-decoration:none;
    color:#1674c2;
}

.articleBody p strong span
Specificity: (0,1,1)
 {
	padding-top: 14px; 
    font-size: 14px;
    color: #6b6b6b;
}

@media (max-width: 900px){

    .contact-container{
        display:block;
    }

    .map-section{
        display:none;
    }

    .contacts{
        padding:25px;
    }

    .head-office{
        grid-template-columns:1fr;
        gap:20px;
    }

    .offices{
        grid-template-columns:1fr;
        gap:20px;
    }

    .office{
        border-left:none;
        border-top:1px solid #ddd;
        padding:20px 0 0 0;
    }
	
	
	.footer-container{
		display:block;
	}
	
	.footer-links{
        grid-template-columns: repeat(5, 1fr);
        gap:5px;
    }
	
	.footer-link{        
        border-top:none;
		border-left:1px solid #ddd;	
    }
	
}