.grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   max-width: 400px;
   margin: 0 auto;
   grid-gap: 7px;
   padding: 0 20px;
}

.grid {
   display: grid;
   grid-gap: 7px;
   align-content: center;
}

h2 {
   color: #000;
   font-size: 22px;
}

.h2_wine {
   color: #fff;
   font-size: 22px;
   margin-bottom: 25px;
   margin-top: 65px;
}

.title {
   display: grid;
   background-image: url(../img/wein_1.jpg);
   height: 80px;
   background-size: cover;
   background-position: center;
   padding: 8px 15px;
}

.marg-but {
   margin-top: 45px;
}


.border-fr {
   margin-top: 75px;
   border-top: 2px solid #fff;
   padding-top: 25px;
}

.img-wine:hover {
   transform: translate(-4.5px);
}

.img-wine-1:hover {
   transform: translate(4.5px);
}


.col-2 {
   grid-column: span 2;
}

.col-6-w {
   grid-column: span 2;
}

.col-3-w {
   grid-column: span 2;
}








@media only screen and (min-width:730px) {

   .grid-container {
      grid-template-columns: repeat(8, 1fr);
      grid-gap: 5px;
      max-width: 710px;
      margin: 0 auto;
      padding: 0;
  }

   h2 {
      font-size: 35px;
   }

   .h2_wine {
      color: #fff;
      font-size: 27px;
      margin-bottom: 20px;
   }

   .title {
      background-image: url(../img/wein_1.jpg);
      height: 140px;
      background-size: cover;
      background-position: center;
   }

   .border-fr {
      margin-top: 25px;
      padding-top: 25px;
   }
   
   .col-3-w {
      grid-column: span 2;
   }


   .parallax-image1 {
      height: 50vh;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      margin-top: 100px;
      margin-bottom: 70px;
   }
   
   .parallax-image1:nth-child(1) {
      background-image: url(../img/Parallax_1_wine_tab.jpg);
   }


   .col-6-w {
      grid-column: span 4;
   }

   

   
   
}


@media only screen and (min-width:1200px) {

   .grid-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 20px;
      max-width: 1180px;
      margin: 0 auto;
      padding: 0;
  }

   h2 {
      font-size: 45px;
   }

   .h2_wine {
      color: #fff;
      font-size: 40px;
      margin-bottom: 35px;
      margin-top: 35px;
   }

   .title {
      background-image: url(../img/wein_1.jpg);
      height: 260px;
      background-size: cover;
      background-position: center;
   }

   .border-fr {
      margin-top: 35px;
      padding-top: 25px;
   }
   
   .col-3-w {
      grid-column: span 3;
   }

   .col-6-w {
      grid-column: span 6;
   }

   .img-wine:hover {
      transform: translate(-8.5px);
   }


   .parallax-image1 {
      height: 70vh;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      margin-top: 100px;
      margin-bottom: 100px;
   }
   
   .parallax-image1:nth-child(1) {
      background-image: url(../img/Parallax_1_wine_desk.jpg);
   }


   

   

   
}