main > div > div:nth-child(3){display: grid; gap: 32px; grid-template-columns: 1fr 1fr;}
main > div > div:nth-child(3) > div{display: grid; gap: 16px; align-content: start;}
main > div > div:nth-child(3) > div a{background: var(--colour_01); padding: 16px; border: 3px outset var(--colour_03);}
main > div > div:nth-child(3) > div a:hover{border-style: inset;}

main img{width: 800px; margin: auto; outline: 4px groove; border-radius: 8px;}

.gallery{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px;}
.gallery img{width: 300px; height: 300px;}

small{color: var(--text_04);}

.testi{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px;}
.testi > article{display: grid; gap: 8px;}
.testi > article > div:nth-child(2){background: linear-gradient(0deg, rgb(230,230,230), rgb(255,255,255)); padding: 16px; border-radius: 2px 16px 16px 16px;}
.testi > article > div:nth-child(3){text-align: right;}

@media (max-width: 700px) {
	main > div > div:nth-child(3){grid-template-columns: auto;}
	.testi{grid-template-columns: 100%;}
	.gallery{grid-template-columns: 100%;}
}

@media (max-width: 900px) {
	main img{width: 100%;}
}