#squares-wrapper {
    padding: 24px 0;
}

.square-wrapper{
  min-width: 158px;
}

/* .square.small h2 {
  font-size: 24px;
} */

.square_2 h2, .square_6 h2{
  color: black;
}

.square_2 a, .square_6 a{
  color: black;
}


.square_2 .btn::before,
.square_6 .btn::before{
  content: url('/National_Library/oe_/https://triboo.com/img/submenu-arrow.svg');
}

.square_3 .btn::after{
  background-color: var(--bg-second);
}

.square_1 {

  background-image: url('/National_Library/oe_/https://triboo.com/img/home/square_1.jpg');
  color: white;
}

.square_2 {
  background-color: gray;
  background-image: url('/National_Library/oe_/https://triboo.com/img/home/square_2.jpg');
}

/* .square_3 {
  background-color: var(--bg-first);
} */

/* .square_4 {
  background-color: var(--bg-second);
} */

.square_5 {
  background-image: url('/National_Library/oe_/https://triboo.com/img/home/square_5.jpg');
}


/* 
.square_7 {

  background-color: black;
} */

.corporate{
  padding-bottom: 24px;
  position: relative;
  background-image: url('/National_Library/oe_/https://triboo.com/img/home/corporate.jpg');
  background-size: cover;
  padding: 119px 58px;
  background-position: center;
  width: 100%;

}
/* 
.corporate-wrapper{
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min-content;
}  */

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

  #squares-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 0px;
    row-gap: 0px;
    justify-items: stretch;
    align-items: stretch;
  }


  .square_1 {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
  }

  .square_2 {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  
  .square_3 {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;

  }
  
  .square_4 {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;

  }
  
  .square_5 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 2;
  }
  
  .square_6 {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 6;
    grid-row-end: span 1;
  }
  
  .square_7 {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 6;
    grid-row-end: span 1;

  }

  .corporate{
    height: 100vh;
  }
}


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

  main{
    padding: 0 40px;
  }

  #squares-wrapper {
    padding: 40px 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .square {
    width: unset;
  }

  .square_1 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
/* 
  .square.small h2 {
    font-size: 28px;
  } */

  .square_2 {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  
  .square_3 {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;

  }
  
  .square_4 {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;

  }
  
  .square_5 {
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 3;
    grid-row-end: span 2;
  }
  
  .square_6 {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
  }
  
  .square_7 {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;

  }
} 


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

/*   
  .square.small h2 {
    font-size: 34px;
  } */

  
}

@media only screen and (min-width: 1400px) {
/*   
  .square.small h2 {
    font-size: 48px;
  } */

  
}