@media only screen and (max-width: 920px) {
	.main-header {
		background: url('img/background.jpg') 65% center no-repeat;
		background-size: cover;
	}
	.explanation {
		grid-template-columns: 1fr;
	}
	.how p.subtitle {
		margin: 10px auto 0 auto;
		max-width: 400px;
	}
	.explanation .item {
		max-width: 440px;
		margin: 0 0 80px 0;
	}
	.faq {
		padding: 0;
	}
}

@media only screen and (max-width: 700px) {
	.reserve-block {
		grid-template-columns: 1fr;
		text-align: center;
		justify-content: center;
		padding: 20px;
	}
	.reserve-block .button {
		width: 100%;
		justify-self: center;
	}
	.form-register .row-grid {
		grid-template-columns: 1fr;
	}
		.form-register .row-grid .title {
			grid-column: span 1;
		}
		.form-register label.info.margined-mobile {
			margin: 10px 0 15px 0;
		}
}

@media only screen and (max-width: 580px) {
	.main-header {
		padding: 60px 40px;
		background: url('img/background.jpg') left center no-repeat;
		background-size: cover;
	}
		.main-header .button {
			display: block;
			text-align: center;
		}
	.our-pros-container {
		display: grid;
		grid-template-columns: auto;
		justify-items: center;
	}
	.our-pros {
		display: inline-grid;
	}
	.why {
		padding: 40px;
	}
	.explanation .item {
		max-width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	.form-login .label-grid {
		grid-template-columns: 1fr;
		gap: 5px;
	}
}