@media (max-width:1360px){
	
}
@media (max-width:1024px){

}
@media (max-width:769px){
	#maincontent section{ flex-direction: column; padding: 1rem; }
		#maincontent section .text{ width: 100%; border: none !important; }
		#maincontent section .background{ position: relative; inset: auto !important; padding: 0 0 50%; }
			#maincontent section .background svg{ position: absolute; inset: 0; }
	header #navigation{ position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; background-color: var(--body-bg); color: var(--text-colour-default); transform: translateY(100%); transition: all 0.6s; }
		header #navigation.active{ transform: translateY(0%); }
		header nav.aux{ margin-bottom: 4rem; justify-content: center; }
			header nav.aux>a{ font-size: 1.2rem; }
		header nav.main{ flex-direction: column; text-align: center; }
			header nav.main>a{ margin-bottom: 1rem; font-size: 1rem; }
	#mobilenavtrigger{ display: block; }
	footer{ flex-direction: column; text-align: center; }
		footer .contact{ flex-direction: column; margin-bottom: 2rem; text-align: center; }
	.cardlist{ grid-template-columns: 1fr 1fr; }
	.doublepane{ flex-direction: column; }
	.fx-slide{ filter: blur(0px); opacity: 1; transform: scale(0.95); }
}
@media (max-width:700px){
	:root{
		--section-spacing: 1.5rem;
	}
	#maincontent section .text{ padding: 1rem; }
	.cardlist{ grid-template-columns: 1fr; }
	.portfoliolist li span{ display: block; margin: 0 0 0.5rem; }
	.portfoliolist li a{ margin: 0 0 1rem; }
	.contactlist{ flex-direction: column; margin: 0 0 3rem; }
}

/* iPhone 11 */
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2){
	
}

/* iPhone 11 Pro */
@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3){
	
}

/* iPhone 11 Pro Max */
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 3){
	
}