:root {
    --accent-blue: #0A4860;
    --text-black: #292929;
    --text-gray: #535353;
    --light-gray: #BCBCBC;
    --text-white: #ffffff;
}

.soc-respons-col, .soc-respons-reverse {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-image {
    width: 40%;
    margin-bottom: 90px;
}

.social-descr {
    width: 50%;
}

.section-descr {
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 28px;
    color: var(--text-gray);
}

@media (max-width: 700px) {
	.soc-respons-col {
		flex-direction: column;
	}
	
	.soc-respons-reverse {
		flex-direction: column-reverse;
	}
	
	.social-image {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.social-descr {
		width: 100%;
		margin-bottom: 15px;
	}
}

@media (max-width: 460px) {
	.hero-page-title {
		font-size: 2.25rem;
		line-height: 40px;
	}
}

@media (max-width: 400px) {
	.hero-page-title {
		font-size: 2rem;
	}
}