body {
    background-color: #fff;
	color:  #000;	
width: 98vw;

}

p {
    margin-top: 1.3vh;
    margin-bottom: 1.3vh;
   }

video{
 background: #000;
}

.header {
background-color: #00419F;
max-width: 98vw;
height: 30vh;
background: url(style.img/header_texture.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.textheader {
display:none;}

.menuarea{
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
max-width: 98vw;
min-height: 4vh;
background: #CC7927;
padding-top: 1vh;
}

.menuitem{
font-family: Book Antiqua;
font-weight: bold;
font-size: 1.2vw;
color: #fff;}

.menuitem a{
text-transform: uppercase;
text-decoration: none;
color: #fff;
}

.menuitem a:hover{
color: #eee;
}

.menuitem a:active{
color: #000;
}


.mainarea{
width: 98vw; 
min-height: 65vh;
}

.maintextarea{
}


.pagetitle {
color: #000;
text-align: center;
font-family: Book Antiqua;
font-weight: bold;
font-size: 2vw;
padding-top: 1vh;
height: 3.5vh;
}


.pagebody {
width: 78vw;
color: #000;
font-family: Book Antiqua;
font-weight: normal;
text-align: justify;
font-size: 1.3vw;
margin-top: 1.5vh;
line-height: 3.5vh;
text-indent: 0.8vw;
padding-left: 10vw;
min-height: 78vh;
}


@media screen and (max-width:1280px) {
.menuitem{font-size: 1.5vw;}
.pagetitle {font-size: 3vw; height: 4vh;}
.pagebody {line-height: 2vh;
font-size: 1.5vw;}}

@media screen and (max-width:1024px) {
.menuitem{font-size: 1.8vw;}
.pagetitle {font-size: 3vw; height: 4.5vh;}
.pagebody {line-height: 2vh;
font-size: 1.7vw;}}

@media screen and (max-width:800px) {
.menuitem{font-size: 2vw;}
.pagetitle {font-size: 3vw; height: 5vh;}
.pagebody {line-height: 3vh;
font-size: 2vw;}}

@media screen and (max-width:640px) {
.menuitem{font-size: 2.2vw;}
.pagetitle {font-size: 3vw; height: 6vh;}
.pagebody {line-height: 3vh;
font-size: 2.5vw;}}

@media screen and (max-width:480px) {
.menuitem{font-size: 2.5vw;}
.pagetitle {font-size: 3vw; height: 7vh;}
.pagebody {line-height: 3vh;
font-size: 3.3vw;}}

@media screen and (max-width:320px) {
.menuitem{font-size: 3vw;}
.pagetitle {font-size: 3vw; height: 8vh;}
.pagebody {line-height: 3vh;
font-size: 4vw;}}


.footer{
text-align: center;
font-family: Times New Roman;
font-size: 0.7vw;
}

.galleryline{
width: 80vw;
margin-left: 2vw;
height: 50vh;
}

.photoline{
height: 50vh;
padding-left: 0.5vw;
padding-right: 0.5vw;
}


@media screen and (orientation: portrait) { 
.menuarea{flex-wrap: wrap;}

.galleryline{width: 80vw;
margin-left: 0.2vw;
height: auto;
}

.photoline{
height: auto;
max-width: 75vw;
padding-left: 0.1vw;
padding-right: 0.1vw;
margin: auto;
}

.header {
background-size: 30% auto;
background-position: center;
display: none;}

.textheader {
display:block;
font-size: 8vw;
text-align: center;
padding-bottom: 2vh;
}

}

iframe {
width: 50vw !important;
height: 25vw !important;
}