html {
  scroll-behavior: smooth;
  font-size:20px;
}
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}
a {
  background-color: transparent;
  transition: .3s;
}
i {
  transition: .3s;
}
a:active,
a:hover {
  outline: 0;
  transition: .3s;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}
.row {
  margin-left:0px!important;
  margin-right:0px!important;
}
.removemargins p {
  margin-bottom:0rem;
}
.round_link {
    color: white;
    border: 1px solid white;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    margin-top: 1rem;
    display: inline-block;
    border-radius: 3rem;
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 0.65rem;
}
.round_link:hover {
    color:#1E558C;
    text-decoration: none;
    background-color:white;
}
.wp-block-image img {
  height:auto;
  max-width:100%;
}
.is-provider-youtube iframe {
  max-height:420px;
}
.content-area a {
  color:#1E558C;
}
.content-area a:hover {
    color:#1E558C;
    opacity:0.7;
    text-decoration: none;
}
.sivupalkki ul {
  padding-left: 0rem;
  list-style-type: none;
  position: sticky;
}
.sivupalkki ul li a {
  font-size: 0.9rem;
  color: black;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  transition: .3s;
  font-family: 'Coda', cursive;
}
h1 {
  
}
h2 {
 
}
h3 {

}
h4 {
 
}
h5 {
 
}
p, span, div {
  font-size:0.7rem;
  font-family:'Arial';
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 99%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {


}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 576px) {

}

@media only screen and (max-width: 480px) {



}