body{font-family:sans-serif;}
main{
  margin-top:5%;
  }
  main h2{
    margin-left:15%;
    color:#293f55;
  }
  .galerie{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows:auto auto auto auto;
  margin: auto;
  width: 70%;
  box-shadow: 0px 0px 10px lightgrey;
  padding:3%;
  border-top: solid grey 2px;
}
.galerie img {
  height:300px;
  width:95%;
  object-fit: cover;
}
.description{
  margin: auto;
  box-shadow: 0px 0px 10px lightgrey;
  width: 70%;
  padding:3%;
  border-top: solid grey 2px;
  line-height: 30px;
}
iframe{
  width:100%;
  height: 450px;
}
@media only screen and (max-width:600px){
  main{margin-top:20%;}
  main h2{
    margin-left:5%;
  }
  .galerie{
    grid-template-columns: 1fr 1fr;
    grid-template-rows:auto auto;
    width: 90%;
}
.galerie img{
  width:98%;
}
.description{
  width: 90%;
}
}
@media only screen and (max-width:992px) and (min-width:600px){
  main{
    margin-top:20%;
  }
  main h2{
    margin-left:3%;
  }
  .galerie{
    grid-template-columns: 1fr 1fr;
    grid-template-rows:auto auto;
    width: 90%;
}
.galerie img{
  width:98%;
}
.description{
  width: 90%;
}
}