/*
Theme Name: Gold 2023
*/


/*html {
	--column-width: 1440px;
}
*/
picture {
	display: block;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

topheavy-triangle {
/*	display: block;*/
/*	margin-top: 20px;*/
}

/*topheavy-triangle inner-column */
topheavy-triangle {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

@media (max-width: 499px) {
	topheavy-triangle figure:nth-of-type(1) {
		max-width: 80%;
	}
	topheavy-triangle figure:nth-of-type(2) {
		max-width: 80%;
	}
}

@media (min-width: 500px) {

/*	topheavy-triangle inner-column */
	topheavy-triangle {
		grid-template-columns: repeat(12, 1fr);
	}

	topheavy-triangle .intro {
		grid-column: 1/9;
		grid-row: 1/2;
	}

	topheavy-triangle figure:nth-of-type(1) {
		grid-column: 1/6;
		grid-row: 3/6;
	}

	topheavy-triangle figure:nth-of-type(2) {
		grid-column: 1/6;
		grid-row: 7/10;
	}

	topheavy-triangle figure:nth-of-type(3) {
		grid-column: 6/13;
		grid-row: 4/10;
	}
}

@media (min-width: 770px) {

	topheavy-triangle .intro {
		grid-column: 7/13;
		grid-row: 1;
	}

	topheavy-triangle figure:nth-of-type(1) {
		grid-column: 1/6;
		grid-row: 1/6;
	}

	topheavy-triangle figure:nth-of-type(2) {
		grid-column: 1/6;
		grid-row: 7/10;
	}

	topheavy-triangle figure:nth-of-type(3) {
		grid-column: 6/13;
		grid-row: 4/10;
	}

}

@media (min-width: 1000px) {

/*	topheavy-triangle inner-column */
	topheavy-triangle {
		grid-template-columns: repeat(24, 1fr);
	}

	topheavy-triangle .intro {
		grid-column: 3 / 9;
		grid-row: 2;
	}

	topheavy-triangle figure:nth-of-type(1) {
		grid-column: 3 / 9;
		grid-row: 3/8;
	}

	topheavy-triangle figure:nth-of-type(2) {
		grid-column: 15/23;
		grid-row: 4/9;
	}


	topheavy-triangle figure:nth-of-type(3) {
		grid-column: 9/25;
		grid-row: 2;
		max-width: 500px;
	}

}

@media (min-width: 1650px) {

	topheavy-triangle .intro {
/*		transform: translateX(-100px);
		transition: 1s;*/
	}

	topheavy-triangle figure:nth-of-type(1) {
		grid-column: 3 / 9;
		grid-row: 3/8;
	}

	topheavy-triangle figure:nth-of-type(2) {
		grid-column: 15 / 23;
		grid-row: 4/9;
	}

	topheavy-triangle figure:nth-of-type(3) {
		grid-column: 9 / 25;
		grid-row: 2;
	}

}