Malline:Etusivu/tyylit.css

#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%;
  }
}