body {
 margin: 0;
 padding: 0;
}
section {
 height: 1500px;
 width: 100%;
 margin: 0;
    padding-top: 8rem;
 background-image: url(images/design/av-bg.jpg);
 -webkit-background-size: 500px;
 background-size: 2000px;
 -webkit-animation: bgscroll 60s linear infinite;
 animation: bgscroll 60s linear infinite;
}


@media screen and (max-width: 768px){
    
    section {
     background-image: url(images/design/av-bg.jpg);
 -webkit-background-size: 500px;
 background-size: 100%;
    }
}



@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -500px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -500px;}
}







.item {
  padding: 20px;
}

.container {
  width: 100%;
    height: auto;
  margin: 0 auto;
  display: grid;
  grid-gap: 10px;
}

.container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: .8fr 1fr 1.2fr;
  grid-template-rows: 180px 150px 300px 150px auto;
}

.box-big1 {
  grid-column: 1;
  grid-row: 1 / 4;
}
.box-big2 {
  grid-column: 2;
      grid-row: 2 / 5;
}

.box-big3 {
  grid-column: 3;
      grid-row: 1 / 4;
}

@media (max-width: 600px){
  .container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .box-big1,
  .box-big2,
  .box-big3,
  .box-big4 {
    grid-column: 1;
    grid-row: auto;
  }
    
    .item img{
        width:100%;
        padding: .5rem;
    }
}