@media only screen and (max-width: 1200px) {
	main.root {
		margin-top: 134px;
	}
	
	header.main-header .container .logo {
		height: 45px;
		width: auto;
	}
	
	header.main-header {
		padding: 10px 0;
		height: 90px;
	}
	
	header.main-header .container .hamburger {
		display: flex;
	}
	
	header.main-header.active {
		height: 100dvh;
	}
	header.main-header .menu {
		position: absolute;
		top: 90px;
		left: 0;
		width: 100svw;
		padding: 20px 1rem;
		height: calc(100svh - 134px);
		flex-direction: column;
		transition: opacity 0.7s ease-in;
		opacity: 0;
	}
	header.main-header.active .menu {
		opacity: 1;
	}
	header.main-header .menu li {
		font-size: 20px;
	}
	
	.banner h3 {
		font-size: 32px;
	}
}

@media only screen and (min-width: 992px) {
	.container.shrink {
		padding-left: 20svw;
		padding-right: 20svw;
		overflow: hidden;
	}
}

@media only screen and (min-width: 1200px) {
	.modal .modal-dialog {
		max-width: 35svw !important;
	}
}