@media screen and (min-width: 320px) and (max-width: 449px) {
	.slide {
		visibility: hidden;
		height: 50px;
	}
	.container-grid-2, .container-grid-4 {
		grid-gap: 0;
	}
	section {
		padding: 100px 0 0 0;
	}
	.container {
		padding: 15px;
	}
	ul li {
		margin-left: 20px;
	}
}

@media screen and (max-width: 639px) {
	.logo img {
		width: 100%;
		padding:0;
	}
	.slide {
		height: 10px;
		visibility: hidden;
	}
	.container-grid-2, .container-grid-4 {
		grid-template: repeat(4, 1fr) / 1fr;
		grid-gap: 10px;
	}
	.item {
		padding: 10px;
	}
	.container-grid-2 img {
		width: 100%;
	}
	section {
		padding: 20px 0 0 0;
	}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		text-align: center;
	}
	h3 {
		font-size: 1.2em;
	}
	.container-grid-4 a {
		font-size: 1.2em;
	}
	.container {
		padding: 30px;
	}
	ul li {
		margin-left: 40px;
	}
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
	.logo {
		float: right;
	}
	.logo img {
		clear:both;
		max-width: 500px;
		width: 500px;
		padding:0;
		display: block;
		margin:0 auto;
	}
	.slide {
		background: url('images/slider1.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		height: 300px;
	}
	.container-grid-4 {
		grid-template: 1fr 1fr / 1fr 1fr;
		padding: 10px;
	}
	.item {
		padding: 10px;
	}
	.container-grid-2 img {
		width: 100%;
	}
	section {
		padding: 90px 0 0 0;
	}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		text-align: center;
	}
	h3 {
		font-size: 1.2em;
	}
	.container p {
		padding: 10px;	
	}
	.container-grid-4 a {
		font-size: 1.2em;
	}
	ul li {
		margin-left: 40px;
	}
	.slider {
		width: 900px;
	}
}