@media screen and (max-width: 500px) {
	section.slides {
		background-color: black;
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -100px auto 0px auto;
		overflow: auto;
		padding: 150px 50px 150px 50px;
		box-sizing: border-box;
		background-image: url(images/contact_slides_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		color: white;
	}
	section.slides h1 {
		width: 100%;
		overflow: auto;
		font-size: 30px;
		text-align: center;
	}
	section.slides h2 {
		width: 100%;
		overflow: auto;
		font-size: 20px;
		text-align: center;
	}
	section.map_modal {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto 100px auto;
		overflow: auto;
	}
	section.map_modal .innr {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		overflow: auto;
		padding: 0px;
		box-sizing: border-box;
	}
	section.map_modal .innr iframe {
		width: 100%;
		height: 100vw;
	}
}
@media screen and (min-width: 501px) and (max-width: 1000px) {
	section.slides {
		background-color: black;
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -100px auto 0px auto;
		overflow: auto;
		padding: 150px 50px 150px 50px;
		box-sizing: border-box;
		background-image: url(images/contact_slides_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		color: white;
	}
	section.slides h1 {
		width: 100%;
		overflow: auto;
		font-size: 30px;
		text-align: center;
	}
	section.slides h2 {
		width: 100%;
		overflow: auto;
		font-size: 20px;
		text-align: center;
	}
	section.map_modal {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto 100px auto;
		overflow: auto;
	}
	section.map_modal .innr {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		overflow: auto;
		padding: 0px;
		box-sizing: border-box;
	}
	section.map_modal .innr iframe {
		width: 100%;
		height: 100vw;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1500px) {
	section.slides {
		background-color: black;
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -100px auto 0px auto;
		overflow: auto;
		padding: 150px 50px 150px 50px;
		box-sizing: border-box;
		background-image: url(images/contact_slides_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size:  cover;
		color: white;
	}
	section.slides h1 {
		width: 100%;
		overflow: auto;
		font-size: 30px;
		text-align: center;
	}
	section.slides h2 {
		width: 100%;
		overflow: auto;
		font-size: 20px;
		text-align: center;
	}
	section.map_modal {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto 100px auto;
		overflow: auto;
	}
	section.map_modal .innr {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		overflow: auto;
		padding: 0px;
		box-sizing: border-box;
	}
	section.map_modal .innr iframe {
		width: 100%;
		height: 100vw;
	}
}
@media screen and (min-width: 1501px) {
	section.slides {
		background-color: black;
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -100px auto 0px auto;
		overflow: auto;
		padding: 150px 50px 150px 50px;
		box-sizing: border-box;
		background-image: url(images/contact_slides_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		color: white;
	}
	section.slides h1 {
		width: 100%;
		overflow: auto;
		font-size: 50px;
		text-align: center;
	}
	section.slides h2 {
		width: 100%;
		overflow: auto;
		font-size: 40px;
		text-align: center;
	}
	section.map_modal {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto 100px auto;
		overflow: auto;
	}
	section.map_modal .innr {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		overflow: auto;
		padding: 0px;
		box-sizing: border-box;
	}
	section.map_modal .innr iframe {
		width: 100%;
		height: 600px;
	}
}