@import url("./style.css");

p,
ol {
	font-size: 18px;
	margin: 8px 0;
}

ol {
	padding-left: 25px;
	margin: 20px 0;
}

ol li {
	margin: 8px 0;
}

.btn {
	margin-top: 30px;
}

/* Okna-hero */

.service-hero {
	margin: 80px 0;
}

.service-hero img {
	width: 100%;
	max-width: 300px;
}

.service-hero__wrapper {
	display: flex;
	gap: 30px;
}

.service-hero h1 {
	font-size: 32px;
	margin-bottom: 20px;
}

@media all and (max-width: 768px) {
	.service-hero {
		margin: 60px 0;
	}
	.service-hero h1 {
		font-size: 26px;
	}
	p,
	ol {
		font-size: 16px;
	}
	.service-hero__wrapper {
		flex-direction: column;
	}
	.service-hero img {
		max-width: 100%;
	}
}

/* service-descr */

.service-descr {
	margin: 100px 0;
}

.service-descr h2 {
	margin-bottom: 20px;
}

@media all and (max-width: 768px) {
	.service-descr h2 {
		font-size: 22px;
	}
	.service-descr {
		margin: 80px 0;
	}
}