#etusivu-header {
background-color: #f9f9f9;
padding: 2px 10px;
}
#etusivu-header-otsikko {
text-align: center;
font-size: 110%;
}
#etusivu-header-aihealueet {
font-size: 90%;
display: flex;
}
.etusivu-laatikko {
box-sizing: border-box;
padding: 10px;
border: 1px solid gray;
margin: 2px;
width: 100%;
}
#etusivu-tietoa {
background-color: #f5fffa;
}
#etusivu-ajankohtaista {
background-color: #E8F1FF;
}
#etusivu-osastot {
background-color: #faf5ff;
}
@media screen and ( min-width: 720px ) {
#etusivu-header {
display: flex;
}
#etusivu-header-otsikko {
flex-grow: 1;
}
.etusivu-rivi {
display: flex;
}
.etusivu-puolikas-laatikko {
width: 50%;
}
}