body {
        margin:0;
	font-family: Tahoma, Arial, sans-serif;
	color:#00002F;
	}
p { line-height:1.33;}
h1 { font-size:150%}
h2 { font-size:130%}
h3 { font-size:110%}
ol { line-height:1.5}
ul { line-height:1.5}
blockquote {
	margin:0;
	padding-left:2em;
	padding-right:2em;
	}
a {
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.intro  {
	text-indent:3em;
	margin-top:1ex;
	margin-bottom:1ex;
	text-align:justify;
	font-size:100%;
	line-height: 1.33;
	}
.hello  {
	text-indent:3em;
	margin-top:1ex;
	margin-bottom:1ex;
	text-align:justify;
	font-size:120%;
	}

.foto-container {
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
}
.mini {
	border:none;
	display:block;
	text-align:center;
	max-width:49%;
	margin-bottom:2px;
}
.mini img {
    border:none;
    display:block;
}
.main-container {
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
}

.album-container {
    display:flex;
    gap:1.5em;
    padding-top:1em;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.album-item {
	border:1px solid gray;
	background-color:white;
	max-width:392px;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	vertical-align:top;
	display:inline-block;
    }
img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 800px) {
    .main-container {
        width: 799px;
        margin: 0 auto;
        padding: 0;
        font-size: 110%;
    }
    .foto-container {
        padding: 0 2em;
        font-size: 110%; }
}