.ios .page,
.ios .page__map {
	height:-webkit-fill-available;
}
.page {
	align-items: center;
	display: flex;
	height: 100vh;
	width:100%;
	justify-content: center;
	overflow: hidden;	
}
.page__header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:32px;
	box-sizing:border-box;
	padding:16px;
	z-index:10;
	background-color: #fb4a75;
}
.page__logo {
	position:fixed;
	top:32px;
	left:50%;
	transform:translateX(-50%);
	max-width:100%;
	width:512px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 16px;
	display:none;
}
.page__logo img {
	width:100%;
	vertical-align:top;
}
.page__footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	min-height:32px;
	box-sizing:border-box;
	padding:8px 16px;
	z-index:10;
	background-color: rgba(0,0,0,0.08);
	background-color: #fb4a75;
}
.page__map {
	align-items: flex-start;
	display: flex;
	height: 100vh;
	width:100%;
	justify-content: center;
	overflow: hidden;	
}

.page__hidden {
	display:none !important;
}

.page__overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100vh;
	background:rgba(255,255,255,0.8);
	z-index:200;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:32px;
}

.page__copyright {
	display:inline-flex;
	position:fixed;
	left:0;
	bottom:0;
	color:#fff;
	line-height:1;
	background-color:#fb4a75;
	z-index:20;
	box-sizing:border-box;
	padding:12px;
	font-family:Roboto,sans-serif;
}

@media screen and (max-width:1000px){
	.page__header {
		padding:8px 16px;
	}
	.page__logo {
		display:block;
	}	
}

@media screen and (min-width:768px){
	.page__footer{
		display:none;
	}
}

@media screen and (max-width:768px){


	.page__footer {
		padding-bottom:32px;
	}
	.page__copyright {
		bottom:8px; 
		left:50%;
		transform:translateX(-50%);
		padding:0;
	}
}

@media screen and (max-width:480px){
	.page__overlay {
		padding:32px 16px;
	}
}