html, body {width: 100%; height: 100%; padding:0; margin:0; background-color:#fff;}

.page {display:block; box-sizing: border-box; width: 100%; height: 100%;
	padding:0; margin:0;
	font-family:Roboto, Montserrat, sans-serif; font-weight=300; font-size:1.2rem;
        letter-spacing:0.01em; word-spacing:0.1em; line-height:1.4em;}

.menu {display:block; box-sizing:border-box; max-width:900px;
    margin-left:auto; margin-right:auto; padding:8px;}
.menu_content {display:inline-block; wbox-sizing:border-box; width:100%; text-align:center; font-size:0.9em;}
.menu_item {padding-left:14px; padding-right:14px;}
.menu .menu_content .menu_item a, a:link {color:#686868; text-decoration:none;}
.menu .menu_content .menu_item a:hover {color:#DC0303;}

.header {display:block; box-sizing:border-box; max-width:600px;
    margin-left:auto; margin-right:auto; padding:25px 60px 40px;}
.header img {display:block; width:100%; height:100%;}

.container {display:block; box-sizing:border-box; max-width:900px;
    margin-left:auto; margin-right:auto; padding:9px;}
.box {display:inline-block; wbox-sizing:border-box; width:50%;
    padding:0px; padding-bottom:10px; vertical-align:top;}
.box_wide {display:inline-block; wbox-sizing:border-box; width:100%;
    padding:0px; padding-bottom:10px; vertical-align:top;}
.box_3_large {display:inline-block; wbox-sizing:border-box; width:75%;
    padding:0px; padding-bottom:10px; vertical-align:top;}
.box_3_small {display:inline-block; wbox-sizing:border-box; width:25%;
    padding:0px; padding-bottom:10px; vertical-align:top;}
.box_4_wide {display:inline-block; wbox-sizing:border-box; width:100%;
    padding:0px; vertical-align:top;}
.box_4_large {display:inline-block; wbox-sizing:border-box; width:90%;
    padding:0px; vertical-align:top;}
.box_4_small {display:inline-block; wbox-sizing:border-box; width:10%;
    padding:0px; vertical-align:top;}

.foto {display:block; max-width:100%; padding:10px;}
.foto img {display:block; width:100%; height:100%;}
.foto_fixed_size img {display:block; margin-left:auto; margin-right:auto;}
.content {display:block; box-sizing:border-box; padding:10px; width:100%;}
.content_4 {display:block; box-sizing:border-box; padding:10px; padding-top:0px; padding-bottom:0px; width:100%;}
.content_narrow {display:block; box-sizing:border-box; padding-left:10px; padding-right:10px; width:100%;}

.subtitle {font-size:1.4em; letter-spacing:0.03em; line-height:1.4em;}
.subtitle_center {font-size:1.2em; letter-spacing:0.03em; line-height:1.2em; text-align:center;}
.subtitle_small {font-size:1.1em; letter-spacing:0.03em; line-height:1.1em;}
.subtitle_small_bold {font-size:1.1em; letter-spacing:0.03em; line-height:1.1em; font-weight:bold;}
.separator {font-size:0.8em; line-height:1.4em;}
.separator_small {font-size:0.7em; line-height:0.9em;}
.larger {font-size:1.2em; line-height:1.6em;}
.smaller0 {font-size:0.9em; line-height:1.4em;}
.smaller {font-size:0.8em; line-height:1.4em;}
.smaller2 {font-size:0.7em; line-height:1.4em; letter-spacing:normal; word-spacing:normal;}
.smaller_narrow {font-size:0.8em; line-height:1.4em; letter-spacing:normal; word-spacing:normal;}
.narrow {letter-spacing:normal; word-spacing:normal;}
.serif {font-family:Garamond, Perpetua, serif; }
.copyright {font-size:0.6em;}
.red {color:#bf2626;}

a {color:black; text-decoration:none;}
a, a:link {color:#5265bd}
a:hover {color:#ff0d0d;}
a.red, a.red:link {color:#bf2626}
a.red:hover {color:#ff0d0d;}
a.black, a.black:link {color:black}
a.black:hover {color:#ff0d0d;}

h1 {margin:0; padding: 0;}
h2 {margin:0; padding: 0;}
p {margin:0;}


summary {cursor: pointer; display: flex;}
details summary p.standard {color: dimgray;}
details summary p.open {display: none;}
details[open] {background-color:#ddd;}
details[open] summary p.standard {display: none;}
details[open] summary p.open {display: flex; color: dimgray;}
summary::-webkit-details-marker {display: none;}

/* .header {background-color:#acc;} */
/* .container {background-color:#ddd;} */
/* .box {background-color:#eed;} */
/* .foto {background-color:#aae;} */
/* .content {background-color:#eaa;} */


@media only screen and (min-width: 376px) and (max-width: 920px) {
.page {font-size:1.1rem;}
.menu_content {font-size:0.9em;}
.menu_item {padding-left:2px; padding-right:2px;}
.header {padding: 20px; max-width:450px;}
.container {max-width:450px; padding-top:0px;}
.box {width:100%;}
}

@media only screen and (max-width: 375px) {
.page {font-size:1.0rem;}
.menu_content {font-size:0.85em;}
.menu_item {padding-left:2px; padding-right:2px;}
.header {padding: 20px; max-width:450px;}
.container {max-width:450px; padding-top:0px;}
.box {width:100%; padding-bottom:10px;}
}