main{background: var(--default_colour_bg); color: var(--default_colour_text);}
main > div{width: var(--default_width); margin: 0 auto; padding: 64px 0; display: grid; grid-template-columns: 4fr 1fr; gap: 64px;}

main > div > div:nth-child(1){align-content: start; display: grid; gap: 16px;}

main > div > div:nth-child(1) > header{align-content: start; display: grid; gap: 16px;}

main > div > div:nth-child(1) > header h1{font-size: 3rem; font-weight: 100; letter-spacing: 0.25rem; line-height: 100%;}
main > div > div:nth-child(1) > header p{color: var(--default_colour_text_darker);}

main > div > div:nth-child(1) > section{align-content: start; display: grid; gap: 16px;}
main > div > div:nth-child(1) > section h2{font-size: 1.2rem;}
main > div > div:nth-child(1) > section p{color: var(--default_colour_text_darker);}

main > div > div:nth-child(1) > header > p:nth-child(2){color: var(--accent_colour); text-transform: uppercase;}

main > div > div:nth-child(2) img{width: 500px; height: 650px; border: 2px solid orange; padding: 16px;}

@media screen and (max-width: 1050px) {
	main > div{width: 100%; grid-template-columns: 100%; gap: 32px; padding: 32px;}
	main > div > div:nth-child(2) img{width: 100%;}
}