@charset "UTF-8";

@media (min-width: 320px) and (orientation: portrait) {
	#Fon2 {
	display:flex;
	width: 100%;
	}
	#Fon1 {
	display:none;
	}
	#Fon3 {
	display:none;
	}
	#Fon4 {
	display:none;
	}
	#Fon5 {
	display:none;
	}
	.Phone {
	position: absolute;
	z-index: 7;
	align-self: center;
	padding-top: 20%;
	justify-self: center;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 18px;
	font-weight: 500;
	color:#00456D;
}
.Adress {
	position: absolute;
	z-index: 7;
	align-self: end;
	justify-self: center !important;
	margin-bottom: 10%;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 24px;
	font-family: roboto;
	font-weight: 500;
	color:#00456D;
}
.Title {
	position: absolute;
	z-index: 7;
	align-self: start;
	justify-self: center !important;
	width:inherit;
	height: inherit;
	}
#title {
	width: 100%;
	height:auto;
	z-index: 999;
	padding-top: 20%;
	}
}
@media (min-width: 375px) and (max-height: 854px) and (orientation: portrait) {
	#Fon3 {
	display:flex;
	width: 100%;
	}
	#Fon1 {
	display:none;
	}
	#Fon2 {
		display:none;
	}
	#Fon4 {
	display:none;
	}#Fon5 {
	display:none;
	}
	.Phone {
	position: absolute;
	z-index: 7;
	align-self: start;
	padding-top: 30%;
	justify-self: center !important;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 24px;
	font-weight: 500;
	color:#00456D;
}
.Adress {
	position: absolute;
	z-index: 7;
	align-self: end;
	justify-self: center !important;
	margin-bottom: 10%;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 24px;
	font-family: roboto;
	font-weight: 500;
	color:#00456D;
}
.Title {
	position: absolute;
	z-index: 7;
	align-self: start;
	justify-self: center !important;
	width:inherit;
	height: inherit;
	}
#title {
	width: 100%;
	height:auto;
	z-index: 999;
	padding-top: 20%;
	}
}
@media (min-width: 360px) and (max-height: 667px) and (orientation: portrait) {
	#Fon4 {
	display:flex;
	width: 100%;
	}
	#Fon1 {
	display:none;
	}
	#Fon2 {
		display:none;
	}
	#Fon3 {
	display:none;
	}
	#Fon5 {
	display:none;
	}
	.Phone {
	position: absolute;
	z-index: 7;
	align-self: start;
	padding-top: 35%;
	justify-self: center;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 18px;
	font-weight: 500;
	color:#00456D;
}
.Adress {
	position: absolute;
	z-index: 7;
	align-self: end;
	justify-self: center !important;
	margin-bottom: 10%;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 24px;
	font-family: roboto;
	font-weight: 500;
	color:#00456D;
}
.Title {
	position: absolute;
	z-index: 7;
	align-self: start;
	justify-self: center !important;
	width:inherit;
	height: inherit;
	}
#title {
	width: 100%;
	height:auto;
	z-index: 999;
	padding-top: 20%;
	}
}
@media (min-width: 768px) and (orientation: portrait) {
	#Fon5 {
	display:flex;
	width: 100%;
	}
	#Fon1 {
	display:none;
	}
	#Fon2 {
		display:none;
	}
	#Fon3 {
	display:none;
	}
	#Fon4 {
	display:none;
	}
	.Phone {
	position: absolute;
	z-index: 7;
	align-self: start;
	padding-top: 10%;
	justify-self: center;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 22px;
	font-weight: 500;
	color:#00456D;
}
.Adress {
	position: absolute;
	z-index: 7;
	align-self: end;
	justify-self: center !important;
	margin-bottom: 10%;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 24px;
	font-family: roboto;
	font-weight: 500;
	color:#00456D;
}
.Title {
	position: absolute;
	z-index: 7;
	align-self: start;
	justify-self: center !important;
	width:inherit;
	height: inherit;
	}
#title {
	width: 100%;
	height:auto;
	z-index: 999;
	padding-top: 20%;
	}
}
@media (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
	#Fon6 {
	display:flex;
	width: 100%;
	}
	#Fon1 {
	display:none;
	}
	#Fon2 {
		display:none;
	}
	#Fon3 {
	display:none;
	}
	#Fon4 {
	display:none;
	}
	#Fon5 {
	display:none;
	}
}
@media (min-width: 320px) and (orientation: landscape) {
	.Phone {
	position: absolute;
	z-index: 7;
	align-self: start;
	padding-top: 5%;
	justify-self: center;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 19px;
	font-weight: 500;
	color:#00456D;
}
.Adress {
	position: absolute;
	z-index: 7;
	align-self: end;
	justify-self: center !important;
	margin-bottom: 10%;
	height: inherit;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 20px;
	font-family: roboto;
	font-weight: 500;
	color:#00456D;
}
.Title {
	position: absolute;
	z-index: 7;
	align-self: start;
	justify-self: center !important;
	width:inherit;
	height: inherit;
	}
#title {
	width: 75%;
	height:auto;
	z-index: 999;
	padding-top: 5%;
	}
}