.top-of-the-page {
	height: 357px;
	display: grid;
	grid-template-columns: auto 1fr auto;
}

.top-of-the-page .desktop-background-image {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.top-of-the-page .container-1019 {
	height: 100%;
	display: flex;
	align-items: center;
	grid-column: 2 / 3;
	grid-row: 1 / -1;
}

.top-of-the-page h1 {
	align-self: center;
}

.top-of-the-page h1.mobile {
	display: none;
}

.top-of-the-page .icons {
	margin-top: 27px;
	display: inline-flex;
}

.top-of-the-page .icons li:not(:last-child) {
	margin-left: 19px;
}

.top-of-the-page .regular-link {
	border: 2px solid #fff;
    border-radius: 50px;
    padding: 7px 20px;
    margin-top: 29px;
    display: inline-flex;
    align-items: center;
    color: #fff;
}

@media (max-width: 1023px) {
	.top-of-the-page {
		height: 298px;
	}

	.top-of-the-page h1 {
		font-size: 2.250em;
	}
	
	.top-of-the-page h1.mobile {
		display: block;
	}
	
	.top-of-the-page h1.have-mobile {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.top-of-the-page {
		height: 46.563vw;
	}

	.top-of-the-page h1 {
		font-size: 5.7vw;
	}
}