*,*::after,*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

h1 {
	width: 1px;
	height: 1px;
	margin: -1px;
	visibility: hidden;
}
img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-radius: 20px;
}

li {
	list-style: none;
	a {
		display:inline-block;
		width: 100%;
		height: 100%;
	}
}

.container {
	width: min(90%, 1170px);
	margin: 0 auto;
	padding-top: 120px;
}

.title-wrap {
	text-align: center;
	margin-bottom: 80px;
	h2 {
		font-size: 2.25rem;
		font-family: "Delius Unicase", cursive;
		font-weight: 400;
		letter-spacing: 2px;
	}
}

.grid-3-cols {
	display:grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
}


.sr-2 {
	grid-row: span 2;
}

.sc-2 {
	grid-column: span 2;
}