/*Peda.netin CSS-pohja Kuopion kouluille, 22.5.2018. Muuta yläbannerikuva mieleiseksi Peda.netin painikkeilla.*/

body > main
{
  background: #eaf3fc;
}


.banner h1 a {background:transparent;}

.banner { 
background-size:cover;
background-repeat:no-repeat;
background-position: 100% 100%;
padding-bottom:1.5rem;
}

h1.toplevel a img {
height:6rem;
margin-right:2rem;
margin-left:1rem;
}

.banner h1 {margin-bottom:-1rem;}

header nav.global
{
	background: transparent;
	background: rgba(0,0,0,0.2);

      color: #fff;
}

/*Sivun banneriotsakkeen efekti*/
header .path .service.toplevel a span span {
   
   text-shadow: 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff;
}


h1.toplevel a .subtitle1, h1.toplevel a .subtitle2 {
 text-shadow: 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff;
}
a:link, a:visited {text-decoration:none;}