.grid-container-1 {
display: grid;
grid-template-columns: 100%;
}
.grid-container-2 {
display: grid;
grid-template-columns: 50% 50%;
}
.grid-container-3 {
display: grid;
grid-template-columns: 33.333% 33.333% 33.333%;
}
.grid-container-4 {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.grid-container-5 {
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;
}

.vitrin-div{background:#fff;}


.grid-item {
padding: 1px;
font-size: 10px;
text-align: center;
margin: 2px;
border:2px solid #ddd;
}

.grid-item img {
width: 100%;
}

.name-item{
border-radius: 3px 3px 0 0;
background-image: linear-gradient( 171.8deg,  rgba(5,111,146,1) 13.5%, rgba(6,57,84,1) 78.6% );
/*background-image: linear-gradient( 180deg, rgb(137 75 153) -27.5%, rgb(98 156 205) 94.7% );color: white;border-radius: 0 0 3px 3px;*/
color: white;
padding: 5px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 10px;
}

.place-item{
background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(132,81,161,1) 0%, rgba(132,81,161,0.83) 90% );
/*background-image: linear-gradient( 0deg, rgb(137 75 153) -27.5%, rgb(98 156 205) 94.7% );*/
color: white;
border-radius: 0 0 3px 3px;
padding: 5px;
width: 100%;
/* font-weight: bold; */
font-size: 10px;
text-align: center;
}

.resimKapsayici {position:relative}
.resimYazisi {
color: #fff;
font-size:20px;
font-family:Calibri;
font-weight: bold;
line-height: 1;
left: 50%;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 50%;
transform: translate(-50%, -50%);
text-shadow:0px 1px 3px #000;
}
.color-text{color: #000;text-shadow:0px 1px 3px #FF4C4C;}