@media screen and (max-width: 768px){
   .text{
    font-size: 2vw;
   }
   .bg_link{
      grid-row: 2;
   }
   .grid{
      height: 10rem;
   }
   .grid :nth-child(1){
      grid-column: 3 / span 4;
      
   }
   .grid :nth-child(2){
      grid-column: 1 / span 2;
   }
   .grid :nth-child(3){
      grid-column: 3 / span 2;
   }
   .grid :nth-child(4){
      grid-column: 5 / span 2;
   }
   .grid :nth-child(5){
      grid-column: 7 / span 2;
   }
   .grid :nth-child(6){
      grid-column: 1 / span 2;
      grid-row: 1;
   }
   .grid :nth-child(7){
      grid-column: 7 / span 2;
      grid-row: 1;
   }
   .bg_link {
      height: 4rem;
   }
   .ig {
      font-weight: 900;
     
      }
      
}
@media screen and (max-width: 500px){
   .text{
    font-size: 3vw;
   }
   .bg_link{
      font-size: 0.8rem;
   }
   
}
@media screen and (max-width: 350px){
   .text{
    font-size: 4vw;
   }
   
     .ig {
      font-size: 2.5rem;
     }
}