@font-face {
font-family: Leipis;
src: url(fontit/NotoSerif-VariableFont_wdth,wght.ttf);
}

@font-face {
font-family: Header-fontti;
src: url(fontit/Dynalight-Regular.ttf)
}

body {
font-family: Leipis, serif;
background-color: #87725c;
background-image: url(torni.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
/* background-attachement: fixed;  PYSYY PAIKALLAAN */
}

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

.header {
 font-family: Header-fontti, sans-serif;
 background-image: url(Ylaosaan.jpg);
 background-size: cover;
 background-position: center;
 background-color: #FAFAFA;
 padding: 30px;
 font-size: 80px;
 color: #FAFAFA;
 text-shadow: 0px 0px 8px #272386;
}

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

.nav {
 background-color: #E7DDFF;
padding: 10px;
}

/* Navigointilinkkit */

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

/* Muut linkit */

a {}

.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äleistä */
}

td, th {
border: 1px solid #777;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
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;
}