@media ( max-width : 1000px) {
	body {
		font-size: 14px;
	}
	header article {
		align-items: flex-end;
	}
	.nav-main a {
    	letter-spacing: 0.05em;
	}
	.nav-desktop {
		width: 100%;
		order: 2;
	}
	.nav-social {
		width: 100%;
		order: 1;
	}
	.portfolio-link {
		flex-basis: 44%;
		padding-top: 30%;
	}
}

@media ( min-width : 769px) {
	.nav-desktop {
		display: flex !important;
	}
}

@media ( max-width : 768.9px) {
	body {
		font-size: 12px;
	}
	.logo {
		width: 70%;
	}
	footer .logo {
		width: 25%;
	}
	footer .tlb {
    	width: 15%;
	}
	.nav-desktop {
		display: none;
		position: absolute;
		right: 0;
		top: 100%;
		background-color: var(--color-accent-1);
		text-align: right;
		width: auto;
		padding: 2em;
		box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	}
	.nav-desktop a {
		display: block;
		margin-left: 0;
		color: var(--color-text);
		width: 100%;
		font-size: 1.5em;
		letter-spacing: 0.15em;
	}
	.nav-desktop a:hover, .nav-desktop a.selected  {
		color: var(--color-text) !important;
	}
	.nav-social {
		width: auto;
	}
	.nav-mobile {
		order: 2;
		display: block;
	}
	section.hero article {
   		padding: calc(112px + 2em) 2em 2em 2em;
	}
	
	.gallery-container {
		max-height: 60vh;
		overflow: hidden;
	}
	.gallery-slider img {
		height: auto;
		width: calc(90vw - 1em);
	}
}

@media ( max-width : 550px) {
	body {
		font-size: 10px;
	}
	p {
		font-size: 1.2em;
	}
	section.hero article {
   		padding-top: calc(91px + 2em);
	}
}

@media ( max-width : 480px) {
	section.hero article {
   		padding-top: calc(81px + 2em);
	}
	.portfolio-link {
		flex-basis: 100%;
		padding-top: 60%;
	}
}