@charset "utf-8";
/* CSS Document */

body {
background-color: black;
color: white;
font-family: Times, "Times New Roman", "serif";
line-height: 132%;
/*-R-*/	
font-size: 1.76vw;
margin: 2.4vw;
}

a {
color: white;
}

img {
height: auto;
/*-R-*/	
margin: 0 auto 2.4vw;
width: 48%;
}

h1,
h2 {
font-weight: bold;
margin: 0;
padding: 0;
}

h1 {
font-size: 160%;
line-height: 104%;
}

h2 {
font-size: 136%;
line-height: 120%;
/*-R-*/
margin: 0 0 2.4vw;
}

header,
main,
footer {
/*-R-*/
margin: 0 auto;
width: 80%;
}

main {
text-align: center;
/*-R-*/
margin: 4.8vw auto 9.6vw;
}

.p {
display: flex;
flex-wrap: nowrap;
/*-R-*/
flex-direction: column;
margin: 0 0 2.4vw;
}

footer,
.f {
font-size: 80%;
line-height: 120%;
}

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

body {
font-size: 4vw;
margin: 0vw;
}

img {
margin: 0;
width: 100%;
}

h2 {
margin: 0 0 6.4vw;
}

main {
width: 100%;
}

header,
footer {
padding: 4%;
width: 92%;
}

main {
margin: 9.6vw 0 19.2vw;
}

.p {
flex-direction: column;
margin: 0 0 9.6vw;
}

.f {
padding: 4%;
}

}