.portfolio_2columns_drawings { 
	margin: 170px auto 120px auto;
	width: 72%;
  display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr; 
 grid-column-gap: 120px;
grid-row-gap: 90px;
animation: fade-in 1.2s linear 0s 1 normal none;
z-index: 1px;
	}



@keyframes fade-in {	
0% {
opacity:0;
}
100% {
opacity:1;
}
}




@media (max-width: 999px){
.portfolio_2columns_drawings { 
 grid-column-gap: 70px;
grid-row-gap: 50px;

    }
}

@media (max-width: 768px){
.portfolio_2columns_drawings { 
 display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 50px;
  
    }
}


.grid-item-portfolio_2columns_drawings {
  background-color: rgba(255, 255, 255, 1);
	animation: grid-item-appear 1s ease forwards;
	
}

@keyframes grid-item-appear {
  0% {
    opacity: 0;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.grid-item:nth-child(1) {
  animation-delay: 0.1s;
}

.grid-item:nth-child(2) {
  animation-delay: 0.2s;
}

.grid-item:nth-child(3) {
  animation-delay: 0.3s;
}

.grid-item:nth-child(4) {
  animation-delay: 0.4s;
}

.grid-item:nth-child(5) {
  animation-delay: 0.5s;
}

.grid-item:nth-child(6) {
  animation-delay: 0.6s;
}

.grid-item:nth-child(7) {
  animation-delay: 0.7s;
}

.grid-item:nth-child(8) {
  animation-delay: 0.8s;
}

.grid-item:nth-child(9) {
  animation-delay: 0.9s;
}
   

.grid-item-portfolio_2columns_drawings:hover {
    transform: scale(1.09) rotate(0.0001deg);
    transition: transform 0.3s;
    background-color: #FFFFFF;
  }