html {
  scroll-behavior: smooth;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Helvetica', 'Roboto', sans-serif;
  /* font-size: 14px; */
  line-height: 1.5;
  background-color: #f0f0f0;
}

h1{
  font-family: 'Merriweather', serif;
font-size: 2em;
color: #f0f0f0;
}
p {
  font-size: 1.5em;
  font-family: 'Lato', sans-serif; 
 
   color:#f0f0f0;}

  .kursiv {
    font-size: 1em;
    font-style: oblique; 
    color:#f0f0f0;;
    }

.main_hero {
  background-image: url('../media/hg-3.jpg');
  background-size: cover;
}


.mask {
  background-size: cover;
}

a {
  color: #fff;
  text-decoration: none;
}
img {
  max-width: 100%;
}

a.is-primary {
  background-color: #03b2e3 !important;
  border: 1px solid #03b2e3 !important;
}
a.is-primary:hover {
  background-color: transparent !important;
  color: #000 !important;
}
a.button {
  font-size: 14px;
}
.main_title {
  color: #fff;
}
.columns {
  flex-wrap: wrap;
}
.margin-top{
  margin-top: 3%;
}

#mask{
  min-height: 100vh;
}

/* On screen s that are 480px or less */
@media screen and (max-device-width: 480px)
{
  h1 {
    font-size: 1.6em;
  }
  p{
    font-size: 1em;
  }

  .main_hero {
    background-image: url('../media/hg-3.jpg');
    background-size: cover;
    background-position: center center
  }
  

 


}