.art55{
   background:#8BC53F;
   padding:70px 0;
	 margin-top: -10px;
	 margin-bottom: -40px;
}

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

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


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

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

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

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

@media(max-width:992px){
   .grid-art55{
      grid-template-columns:repeat(3,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-art55{
      width:95%;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
   }

   .card55 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-art55{
      width:95%;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
   }

   .card55 img{
      width:100%;
   }

}