@font-face{
  font-family: otsikko;
  src: url(fontit/Viaoda_Libre/ViaodaLibre-Regular.ttf);
}
@font-face{
  font-family: leipis;
  src: url(fontit/Barlow/Barlow-Medium.ttf);

}
@font-face {
  font-family: leipis;
  src: url(fontit/Barlow/Barlow-Bold.ttf);
  font-weight: bold;
}
body {
  font-family: leipis, sans-serif; 
background-color: #bbb;
background-image: url(taustakuvat-maisemat/maisemakuva3.jpg);
background-size: cover;
background-position: center;
}

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

}


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

}

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

}

/* navigointilinkit */
.nav a {
margin: 10px;
color: #733;
text-decoration: none;

}
/* muut linkit */

a {}

.main  {padding: 30px}

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

}


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

}

h2 {
margin-top: 50px;

}

.header {
font-family: otsikko, sans-serif;
background-image: url(taustakuvat-maisemat/maisemakuva2.jpg);
background-size: cover;
background-position: center;
padding: 1px;
font-size: 120px;
color: #fff;
text-shadow: 0px 0px 10px #000;
}

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

th,td {
border:1px solid rgb(80, 79, 79);
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
/*sama lyhyemmin*/
padding: 4px 6px 4px 6px;
}

table {
  border-collapse:collapse;
}
th {
  text-align: left;
  background-color:rgb(80, 79, 79); 
  color: #fff;
}

img {
   max-width: 100%;
   height: auto;
}