@font-face {
font-family: Leipis;
src: url(fontit/SpaceGrotesk-VariableFont_wght.ttf);
}

@font-face {
font-family: Header-fontti;
src: url(fontit/GlassAntiqua-Regular.ttf);
}
body {
font-family: Leipis, sans-serif;
background-color: #bbb;
background-color: #313647;
background-image: url(katu_taide_taustakuva_edit.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}

.kaikki {
background-color: #fff;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}

.header {
font-family: Header-fontti;
background-color: #A3B087;
padding: 30px;
font-size: 80px;
color: #fff;
background-image: url(ratikka_taustakuva.jpg);
background-position: center;
text-shadow: 0px 0px 10px #000;
}

.header, .nav, .footer {
text-align: center;
}


.nav {
background-color: #efe;
padding: 10px;
text-align: center;
}

/*Navigointilinkit*/

.nav a {
margin: 10px;
color: #256330;
text-decoration: none;
}

/*Muut linki*/


.main {
padding: 30px;
min-height: 500px;

}
.footer {
background-color: #333;
color: #fff;
padding: 30px;
}

.tumma {
background-color: #555;
padding: 20px;
}

h2 {
margin-top: 50px;
}

.levee {
width: 100%;
height: auto;
}
img {
max-width: 100%;
}
table {
background-color: #fff;
border-collapse: collapse; /*raot pois solujen välissä*/
}

td, th {
border:1px solid #777;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;


/* sama lyhyemmin:*/
padding: 4px 6px 4px 6px;

/*sama vielä lyhyemmin*/
padding: 4px 6px;
}

th {
text-align: left;
background-color: #000;
color: #fff;
}