@media screen and (min-width: 576px) {
	div.container { max-width: 540px; }
}

@media screen and (min-width: 768px) {
	div.container { max-width: 720px; }
}

@media screen and (min-width: 992px) {
	div.container { max-width: 960px; }
}

@media screen and (min-width: 1200px) {
	div.container { max-width: 1140px; }
}

@media screen and (max-width: 1200px) {
	ul.contacts > li {
		display: inline-block;
		margin-right: 2em;
		margin-bottom: 1em;
	}

		div.additional-info {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 16px;
		line-height: 1.25em;
	}

	body::after {
		background-position: 60% 10%;
	}

	div.container > div.note {
		flex: 0 0 100%;
		max-width: 100%;

		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;

		font-size: 1em;
		color: #FFF;
	}

}