body  {
  background-image: url("bild.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
}


/* Lato Regular: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

/* Lato Regular italic: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

/* Lato light: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}

/* Lato light italic: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
}


/* Lato Bold: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

/* Lato Bold italic: */
@font-face {
  font-family: Lato;
  src: url("fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
}

.mut {
  font-family: Lato;
}

h1.mut {
  font-family: Lato;
  font-size: 40px;
  /*Color: #484f51;*/
  Color: #ffffff;
}

h3.mut {
  font-family: Lato;
  font-size: 1.75rem;
  /*Color: #484f51;*/
  Color: #ffffff;
}

.responsive {
  width: 100%;
  height: auto;
}

.blue {
  background-color: rgba(152,183,227,0.9);
  /*background-color: #d7ab7c;*/
}

img.zoom {
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
 }
 img.zoom:hover {
  transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
 }