.soc1{
 background-image: url(/thumb/LogoDesign_Neu/POSTER_BEHR_RUCKSACK-min.jpg);
}

.soc2{
 background-image: url(/thumb/LogoDesign_Neu/Poster_ATARI-min.jpg);
}
.soc3{
 background-image: url(/thumb/LogoDesign_Neu/Chips_Praesentation-min.jpg);
}
.soc4{
 background-image: url(/thumb/LogoDesign_Neu/POSTER_Chaga_Hatcha-min.jpg);
}

.soc5{
 background-image: url(/thumb/LogoDesign_Neu/eco-min.jpg);
}
.soc6{
 background-image: url(/thumb/LogoDesign_Neu/medical_Web_Flyer-min.jpg);
}

.intro{
  display: flex;
  justify-content: center;
}
.wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width:100%;
  margin-bottom: 10px;
  padding-bottom: 50px;
  padding-top: 50px;
  
}
.wrapper h1{
  font-weight: 500;
  margin: 20px;
  font-size: 1.6em;
}
.wrapper h2{
  margin-top: 20px;

  font-size: 2.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}



 @media(max-width: 710px){
.wrapper h1{
  font-size: 1.2em;
}
  }  
  @media(max-width: 710px){
.wrapper h2{
  font-size: 1.5em;
  line-height: 1.5em;
}
  }  
  
  
  .grid-container{
  border-bottom: 2px solid rgb(94, 44, 0);
  margin-right: 100px;
 }