@media screen and (max-width: 450px) {
	body {
    background-size: auto 40%;
	}
	header {
		display: -webkit-flex; 
		display: flex;		
	}
	header {
		-webkit-justify-content: center;
		justify-content: center;
	}
	div.logo img {
		width: 100%;
		height: auto !important;
	}
	section.advantages .row.advantages {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.advantages__item {
		width: 100% !important;
	}
	div.logo {
		width: 300px;
		margin: 0 auto;
	}
	ul.menu {
		justify-content: center !important;
	}	
	ul.menu li {
		width: 100%;
	}	
	footer .container {
		text-align: center;
	}
}