html {
    min-height: 100%;
}
body {
    min-height: 100%;
    background-image: url('taustakuva5.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
}

/* Leveämpi, keskitetty sisältö. */
#page_content,
#page_content2 {
    position: relative;
    width: min(760px, calc(100% - 40px));
    height: auto;
    margin: 1250px auto 60px auto;
    box-sizing: border-box;
}

/*
   Valikko pysyy mustan taustakuvan vasemmassa reunassa.
   Tätä arvoa säädettiin ensimmäisen kokeilun jälkeen oikealle.
*/
#ajankohtaista,
#valokuvia,
#arkisto,
#yhdistys,
#muisteloita,
#nykyaikaa,
#linkkeja {
    position: absolute;
    left: calc(50% - 430px);
}

#ajankohtaista { top: 1295px; }
#valokuvia     { top: 1330px; }
#arkisto       { top: 1365px; }
#yhdistys      { top: 1400px; }
#muisteloita   { top: 1435px; }
#nykyaikaa     { top: 1470px; }
#linkkeja      { top: 1505px; }

.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-style: normal;
    color: #efdcd6;
    text-align: left;
    line-height: 1.45;
}

.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
    color: #bb9e90;
}

a:link,
a:visited {
    color: #ac8373;
    text-decoration: none;
}

a:hover,
a:active {
    color: #efdcd6;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.archive-link {
    margin: 2em 0 4em 0;
}