* {
  box-sizing: border-box;
}


.menu {
  float:left;
  width:30%;
  align: center;  
text-align:center;
}
.menu a {

 background-color:RebeccaPurple ; 

padding:8px;
  margin-top:7px;
  display:block;
  width:90%;
color:white;
font-family: "Trebuchet MS", Helvetica, sans-serif;

text-decoration: none;

}



.main {
  float:left;
  width:40%;
  padding:0 20px;
}
.right {
  float:left;
  width:30%;
  margin-top:7px;
  text-align:center;
}

h1 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
color:navy;
}


h3 {

font-family: "Trebuchet MS", Helvetica, sans-serif;

color:black; 

}

h2 {

font-family: "Trebuchet MS", Helvetica, sans-serif;
color:black; 

}


hr { 
 width:100%;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    /* border-width: 2px; */
   }

p {
font-family: "Trebuchet MS", Helvetica, sans-serif; 

}


p.linkkiteksti {
    font-size: small;
font-family: "Trebuchet MS", Helvetica, sans-serif;

}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }

}
audio { width:95%; }
/*
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

*/

/* mouse over link */
a:hover {
    /* color: yellow; */
color: royalblue;
}

/* selected link */
a:active {
    color: red;
}