.art66 h1{
   font-family: montserrat;
	text-align: center;
   text-justify: inter-word;
   color:#fff;
   font-size:38px;
   font-weight:700;
   margin-bottom:35px;
}

.art66{
   background:#8BC53F;
   padding:70px 0;
}

.intro h4{
   color:#35434C;
   font-family: montserrat;
	font-size:20px;
	text-align: right;
	margin-right:25px;
}

.intro h3{
   color:#35434C;
   font-family: montserrat;
	font-size:20px;
	text-align: left;
	margin-left:305px;
}

.intro p{
   color:#35434C;
   font-family: montserrat;
	text-align: justify;
	justify-content:center;
	margin-left:305px;
}
	
.grid-art66{
   width:45%;
   max-width:1400px;
   margin:auto;
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:2px;
}

.card66 img{
   width:60%;
   display:block;
	margin-bottom:10px;
   transition:.25s;
}

.card66:hover img{
   transform:scale(1.04);
}

@media(max-width:992px){
   .grid-art66{
      grid-template-columns:repeat(2,1fr);
   }
}

@media(max-width:768px){

   .intro h3{
      margin-left:0;
      text-align:center;
   }

   .intro h4{
      margin-right:0;
      text-align:center;
   }

   .intro p{
      margin-left:0;
      width:95%;
      margin:20px auto;
      padding:0;
      text-align:justify;
   }

   .grid-art66{
      width:95%;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
   }

   .card66 img{
      width:100%;
   }

}

@media(max-width:480px){

   .intro h3{
      margin-left:0;
      text-align:center;
   }

   .intro h4{
      margin-right:0;
      text-align:center;
   }

   .intro p{
      margin-left:0;
      width:95%;
      margin:20px auto;
      padding:0;
      text-align:justify;
   }

   .grid-art66{
      width:95%;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
   }

   .card66 img{
      width:100%;
   }

}