@media only screen and (min-width: 320px) and (max-width: 599px){

	main{
		display: grid;
		grid-template-columns: repeat(1 auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 55px;
		grid-column-gap: 60px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.intro{
		grid-column: 1/2;
		grid-row: 1/2;
		padding-top: 150px;
	}

	.gallery{
		grid-column: 1/2;
		grid-row: 2/3;
		display: inline-grid;
		grid-template-columns: repeat(1, auto);
		grid-template-rows: repeat(16, auto);
		grid-auto-rows: auto;
		grid-row-gap: 50px;
		grid-column-gap: 50px;
	}

	img.misc-9{
		grid-column: 1/2;
		grid-row: 1/2;
		width: 100%;
		height: auto;
	}

	img.misc-18{
		grid-column: 1/2;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}

	img.misc-20{
		grid-column: 1/2;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-11{
		grid-column: 1/2;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}
		
	img.misc-12{
		grid-column: 1/2;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-21{
		grid-column: 1/2;
		grid-row: 12/13;
		width: 100%;
		height: auto;
	}

	img.misc-3{
		grid-column: 1/2;
		grid-row: 11/12;
		width: 100%;
		height: auto;
	}

	img.misc-10{
		grid-column: 1/2;
		grid-row: 8/9;
		width: 100%;
		height: auto;
	}

	img.misc-5{
		grid-column: 1/2;
		grid-row: 14/15;
		width: 100%;
		height: auto;
	}

	iframe.misc-8{
		grid-column: 1/2;
		grid-row: 15/16;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-4{
		grid-column: 1/2;
		grid-row: 13/14;
		width: 100%;
		height: auto;
	}

	img.misc-14{
		grid-column: 1/2;
		grid-row: 9/10;
		width: 100%;
		height: auto;
	}

	iframe.misc-7{
		grid-column: 1/2;
		grid-row: 2/3;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-2{
		grid-column: 1/2;
		grid-row: 10/11;
		width: 100%;
		height: auto;
	}

	img.misc-6{
		grid-column: 1/2;
		grid-row: 7/8;
		width: 100%;
		height: auto;
	}

	iframe.misc-13{
		grid-column: 1/2;
		grid-row: 16/17;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-19{
		grid-column: 1/2;
		grid-row: 17/18;
		width: 100%;
		height: auto;
	}

}

@media only screen and (min-width: 600px) and (max-width: 799px){

	main{
		display: grid;
		grid-template-columns: repeat(2 auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 55px;
		grid-column-gap: 60px;
		margin-left: 65px;
		margin-right: 65px;
	}

	.intro{
		grid-column: 1/3;
		grid-row: 1/2;
		padding-top: 110px;
	}

	.gallery{
		grid-column: 1/3;
		grid-row: 2/3;
		display: inline-grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(5, auto);
		grid-auto-rows: auto;
		grid-row-gap: 50px;
		grid-column-gap: 50px;
	}

	img.misc-9{
		grid-column: 1/2;
		grid-row: 1/2;
		width: 100%;
		height: auto;
	}

	img.misc-11{
		grid-column: 3/4;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-18{
		grid-column: 1/2;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-20{
		grid-column: 2/3;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-21{
		grid-column: 2/4;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	img.misc-3{
		grid-column: 1/2;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	iframe.misc-8{
		grid-column: 3/4;
		grid-row: 6/7;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-10{
		grid-column: 1/2;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-4{
		grid-column: 1/2;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-12{
		grid-column: 1/3;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}
	
	img.misc-2{
		grid-column: 3/4;
		grid-row: 4/6;
		width: 100%;
		height: auto;
	}

	img.misc-6{
		grid-column: 3/4;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}

	iframe.misc-13{
		grid-column: 1/3;
		grid-row: 7/8;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-5{
		grid-column: 2/3;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-19{
		grid-column: 3/4;
		grid-row: 7/8;
		width: 100%;
		height: auto;
	}

	iframe.misc-7{
		grid-column: 2/4;
		grid-row: 1/2;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-1{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-14{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

}

@media only screen and (min-width: 800px){

	main{
		display: grid;
		grid-template-columns: repeat(2 auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 55px;
		grid-column-gap: 60px;
		margin-left: 65px;
		margin-right: 65px;
	}

	.intro{
		grid-column: 1/3;
		grid-row: 1/2;
		padding-top: 130px;
	}

	.gallery{
		grid-column: 1/3;
		grid-row: 2/3;
		display: inline-grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(5, auto);
		grid-auto-rows: auto;
		grid-row-gap: 50px;
		grid-column-gap: 50px;
	}

	img.misc-9{
		grid-column: 1/2;
		grid-row: 1/2;
		width: 100%;
		height: auto;
	}

	img.misc-11{
		grid-column: 3/4;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-18{
		grid-column: 1/2;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-20{
		grid-column: 2/3;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-21{
		grid-column: 2/4;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	img.misc-3{
		grid-column: 1/2;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	iframe.misc-8{
		grid-column: 3/4;
		grid-row: 6/7;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-10{
		grid-column: 1/2;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-4{
		grid-column: 1/2;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-12{
		grid-column: 1/3;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}
	
	img.misc-2{
		grid-column: 3/4;
		grid-row: 4/6;
		width: 100%;
		height: auto;
	}

	img.misc-6{
		grid-column: 3/4;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}

	iframe.misc-13{
		grid-column: 1/3;
		grid-row: 7/8;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-5{
		grid-column: 2/3;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-19{
		grid-column: 3/4;
		grid-row: 7/8;
		width: 100%;
		height: auto;
	}

	iframe.misc-7{
		grid-column: 2/4;
		grid-row: 1/2;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-1{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-14{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

}

@media print{

	main{
		display: grid;
		grid-template-columns: repeat(2 auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 41.25pt;
		grid-column-gap: 45pt;
		margin-left: 48.75pt;
		margin-right: 48.75pt;
	}

	.intro{
		grid-column: 1/3;
		grid-row: 1/2;
		padding-top: 97.5pt;
	}

	.gallery{
		grid-column: 1/3;
		grid-row: 2/3;
		display: inline-grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(5, auto);
		grid-auto-rows: auto;
		grid-row-gap: 37.5pt;
		grid-column-gap: 37.5pt;
	}

	img.misc-9{
		grid-column: 1/2;
		grid-row: 1/2;
		width: 100%;
		height: auto;
	}

	img.misc-11{
		grid-column: 3/4;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-18{
		grid-column: 1/2;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-20{
		grid-column: 2/3;
		grid-row: 2/3;
		width: 100%;
		height: auto;
	}

	img.misc-21{
		grid-column: 2/4;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	img.misc-3{
		grid-column: 1/2;
		grid-row: 6/7;
		width: 100%;
		height: auto;
	}

	iframe.misc-8{
		grid-column: 3/4;
		grid-row: 5/6;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-10{
		grid-column: 1/2;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-4{
		grid-column: 1/2;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	img.misc-12{
		grid-column: 1/3;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}
	
	img.misc-2{
		grid-column: 3/4;
		grid-row: 4/6;
		width: 100%;
		height: auto;
	}

	img.misc-6{
		grid-column: 3/4;
		grid-row: 3/4;
		width: 100%;
		height: auto;
	}

	iframe.misc-13{
		grid-column: 1/3;
		grid-row: 7/8;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-5{
		grid-column: 2/3;
		grid-row: 5/6;
		width: 100%;
		height: auto;
	}

	img.misc-19{
		grid-column: 3/4;
		grid-row: 7/8;
		width: 100%;
		height: auto;
	}

	iframe.misc-7{
		grid-column: 2/4;
		grid-row: 1/2;
		aspect-ratio: 16 / 9;
		width: 100%;
	}

	img.misc-1{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	img.misc-14{
		grid-column: 2/3;
		grid-row: 4/5;
		width: 100%;
		height: auto;
	}

	h1 {
		font-size: 18pt;
		line-height: 22pt;
	}

	h2{
		font-size: 16pt;
		line-height: 20pt;
	}

	h3{
		font-size: 12pt;
		line-height: 16pt;
	}

	p{
		font-size: 10pt;
		line-height: 14pt;
	}

}