/* boxing */
footer{ 
  margin-top: 100px; 
/*  margin-bottom: 61px;
*/  padding-top: 80px; /*178px 84px 179px;*/
  background-color: #FFFFFF;
}

.footer-deel-7 {
    position: relative;
    grid-column-start: span 5;
    grid-column-end: auto;
}
.footer-deel-6 {
    position: relative;
    grid-column-start: span 5;
    grid-column-end: auto;
}
.footer-deel-5 {
    position: relative;
    grid-column-start: span 5;
    grid-column-end: auto;
}
.footer-deel-4 {
    position: relative;
    grid-column-start: span 4;
    grid-column-end: auto;
}
.footerleft{
  margin-left: 30px;
}
.copyright{
  margin-left: 70px;
  margin-bottom: 80px;
}
#left{
  background-position: left bottom;
}

/* tekst */
footer p{
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 12px;
  line-height: 2.33;
  color: #000000;
}
footer a{
  font-family: "Gilroy-Medium", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.36;
  margin-right: 35px;
  background: linear-gradient(currentColor, currentColor) bottom / 0 .1em no-repeat;
  transition: 1s background-size;
  color: #000000;
}
footer a:hover{
  opacity: 0.4;
  background-size: 100% .1em;
}

/* tablet */
@media screen and (max-width:1280px){
  .footer-deel-6 {
    grid-column-start: span 4;
  }
  .footer-deel-5 {
    grid-column-start: span 8;
  }
  .footer-deel-4 {
    grid-column-start: span 3;
  }
  .footerleft{
    margin-left: 0px;
  }
  footer{
    margin-top: 40px; 
    margin-bottom: 20px;
  }
  footer a{
    font-size: 16px;
    margin-right: 22px;
  } 
  .copyright{
    margin-top: 20px;
  }
}

/* phone */
@media screen and (max-width:768px){
  .footer-deel-7 {
    grid-column-start: span 8;
  }
  .footer-deel-6 {
    grid-column-start: span 2;
  }
  .footer-deel-5 {
    grid-column-start: span 12;
  }
  .footer-deel-4 {
    grid-column-start: span 1;
  }
  .footerleft{
    margin-left: 150px;
  } 
  footer{
    margin-top: 40px; 
    margin-bottom: 20px;
  }
  footer a{
    font-size: 12px;
    margin-right: 22px;
  }
  
}

@media screen and (max-width:568px){  
  .footer-deel-7 {
    grid-column-start: span 8;
  }
  .footer-deel-6 {
    grid-column-start: span 2;
  }
  .footer-deel-5 {
    grid-column-start: span 12;
  }
  .footer-deel-4 {
    grid-column-start: span 1;
  }
  .footerleft{
    margin-left: 80px;
  }
  footer{
    margin-top: 40px; 
    margin-bottom: 20px;
  }
  footer a{
    font-size: 12px;
    margin-right: 12px;
  }  
}