@import 'https://fonts.googleapis.com/css?family=Francois+One';

html {
  scroll-behavior: smooth;
}
body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif, sans;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
h1{
    font-family: Francois One;
    font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.header{
    font-family: Francois One;
    color: #fff;
    text-align: center; 
    font-size: 50px;
    text-transform: uppercase;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	padding: 1vw;
    background-color: #508ec9;
}
.header a{
	color: #fff;
	text-decoration: none; 
}
.page {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	min-height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
    color: rgba(255,255,255,0.7);
 
font-size: clamp(1vw, 150px, 20vw); 
    font-family: Francois One;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.page a{
    color: rgba(255,255,255,0.7);
	text-decoration: none; 
}
.pano {
    background-attachment: scroll;
    min-height: 50vh;
}
.maintext{
    background-color: #508ec9;
    color: #fff;
    font-size: 18px;
    line-height: 180%;
}
.maintext a{
	color: #fff;
	text-decoration: none; 
}
.maintext div{
    max-width: 800px; 
    padding: 5vw;
    margin: auto; 
}
table {
    width: 100%;
}
td{
    padding: 3px 20px 3px 0;
}
#map{
	height: 600px;
	width: 100%; 
}
.iw {
	font-size: 12px;
	padding: 10px 10vw;
	text-align: right;
    background-color: #508ec9;
} 
.iw a{
	color: #fff;
	text-decoration: none;
}
#myBtn {
	display: none;
}
@media only screen and ( min-width: 990px ) {
.header div{
	display: inline;
}
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	background-color: #508EC9;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	border: 3px solid rgba(255,255,255,8);
}	
}
@media only screen and ( max-width: 990px ) {
.page{
	background-attachment: scroll;
}
.header span, .pano{
	display: none; 
}
.header{
	font-size: 30px; 
}
}