.grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
   margin:auto auto auto auto;
	row-gap: 5px;
	
}
.grid-item {
  padding:15px ;
  font-size: 20px;
  text-align: center;
}

.grid-item  p {
	
	margin-top:5px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	color: var(--crna);
 /* text-shadow: 4px 4px 4px #aaa;*/
}	


.clip {	
	clip-path: url(#clip);
}
.clip:hover {
	opacity: 0.5;
}
.krug-link2 {
	position: relative;
	margin: auto;
	shape-outside: circle(50%);
	clip-path: circle(3.3rem at 3.3rem 3.3rem);

}
/* Ne pogolemi od 375 */
@media screen and (max-width: 375px) {
.grid-container {
 
	row-gap: 1px;
}
.grid-item {
	  padding:9px;
	}
	.grid-item  p {
	 font-size: 0.9em;
	 margin-top:4px;
	 text-align:center;
	}
.krug-link2 {
	
	clip-path: circle(3.2rem at 3.2rem 3.2rem);

}
/* kraj */	
}
/* Ne pogolemi od 360 */
@media screen and (max-width: 360px) {

	
	
 /* kraj */	
}