body{
	margin: 15px;
	background: url(STR.png);
	background-attachment: fixed;
}

.wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	grid-template-rows: repeat(6,minmax(200px,1fr));
	gap:35px;
}
.content-img{text-align: center;}
.content-img>img{width: 70%; border-radius: 10px;box-shadow: 0px 0px 35px white;}
.item{
	padding-top: 20px;
	text-align: center;
	font-size: 18px;
	opacity: 0.93;
	font-size: 18px;
	background-color: #008b8b;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-radius: 15px;
	box-shadow: 15px -10px 15px #808080;
	transition: 1s;
}
.content{text-align: left;}
.item:hover{
	opacity: 1;
	box-shadow: 15px -10px 25px black;
}

@media(max-width: 600px){
    body{margin-top: 35px;}
	div.item{font-size: 22px;}
	div.wrapper{grid-template-rows: 1fr; grid-gap:35px;}
	div.content{align-items: center;}
	div.content-img>img{width: 60%}
}


.item>a{
	color: yellow;
	font-size: 24px;


}