@font-face {
    font-family: 'aon001';
    src: url('../fonts/AoN001Regular.woff2') format('woff2'),
         url('../fonts/AoN001Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#slides_container {
	*{
		padding:0;
		margin:0;

		font-family: "aon001";
		font-weight: normal;
		font-size: 7vw;
		background:#fff;
		color: #272727!important;
		line-height: 1.2;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	ul {
	  list-style: none; }
	ol {
	  list-style: decimal inside; }
	ol, ul {
	  padding-left: 0;
	  margin-top: 0; }
	ul ul,
	ul ol,
	ol ol,
	ol ul {
	  margin: 1.5rem 0 1.5rem 3rem;
	  font-size: 90%; }
	li {
	  margin-bottom: 1rem; }

	#outro {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		margin-left: 5vw;
		margin-top: 5vh;
		width: 90vw;
		height: 90vh;
		z-index:-20;
	}
	.main {
		width:90%;
		margin: 0 auto;
	}

	.slide {
		/*margin-top: 13vh;*/
		line-height:1.2;
	}

	#bm{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*background-image: url(https://www.agencyofnone.com/wp-content/uploads/2022/04/zero.gif);*/
		background-image: url(https://www.agencyofnone.com/wp-content/uploads/2022/04/logo-forward.gif);
		background-position: center;
		background-repeat: no-repeat;
		background-size: unset;
	}

	#logo {
		/*background-image: url(../../images/Agency-of-None-logo.svg);
		background-repeat: no-repeat;*/
		width: 300px;
		margin-top: 2vw;
		display: none;
	}

	#mini-logo {
		width: 50px;
		display: none;
		position: fixed;
		height: 50px;
		bottom: 7vw;
		right: 6vw;
		z-index: 100;
	}

	a {
			color: #30302f;
			text-decoration: none;
			display: block;
			z-index: 10;
			position: relative;
	}

	a:hover {
			color: #30302f;
	}


	@media screen and (max-width: 500px) {
		#bm{
		top: 50%;
		left: 50%;
		height: 60%;
		width: 60%;
		transform: translate(-50%, -50%);
		background-size: contain;
		}
	}


	@media screen and (max-width: 55em) {
		html,
		body {
			overflow-x: hidden;
			width: 100vw;
			height: 100%;
		}

		.social-twitter, .social-instagram{
		width: 8vw;
		height: 8vw;
		}

		.content {
			height: auto;
			min-height: 0;
			flex-direction: column;
		}
		.content--fixed {
			position: relative;
			z-index: 250;
			display: block;
			padding: 0.85em;
		}

		#logo {
			width: 200px;
			margin-top: 7vw;
			position: relative;
			z-index: 100;
		}


		#mini-logo {
		bottom: 4vh;
		}


		#outro {
			margin-top: 0vh;
			width: 100vw;
		}

		.portfolio-container, .portfolio{
		width: 90vw;
		}

		#type-container1, #typed2, #typed3, #typed4, #typed5, #typed6 {
			margin-top: 6vh;
		}
	}

		@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:600px) {

		#logo {
			margin-top: 5.5vw;
		}

		#mini-logo {
			width: 80px;
			height: 80px;
		}
		#type-container1, #typed2, #typed3, #typed4, #typed5, #typed6 {
			margin-top: 10vh;
		}
	}


	/* Custom CSS –––––––––––––––––––––––––––––––––––––––––––––––––– */


	#intro-collections {
		transition: all 1s ease-out;
		float:left;
	}
	.full-height{
		height: 100vh;
		opacity: 0;
		animation: 2s ease-out 0.5s Fadein;
		-webkit-animation-fill-mode: forwards;
	}
	/* Shared–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.button {
		border-radius: 100px;
	}
	/* NEW */
	.collection {
		display: block;
		position: relative;
	}
	.collection-button {
		display: inline-block;
		text-align: center;
		background: #fff;
		color: #272727;
		font-size: 1.8rem;
		border-style: solid;
		border-width: 3px;
		border-color: #272727;
		border-radius: 8em;
		padding: 0.9rem 3rem 0.5rem 3rem;
		margin-bottom: 1rem;
		margin-right: 1rem;
		transition: all 0.4s ease-out;
		text-decoration: none;
		letter-spacing: 0.4px;
	}
	.collection-button:hover {
		background: #272727;
		color: #fff;
		transform: translate(0px, -5px);
	}
	/* Sections–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.section {
		background-color: #fff;
	}
	.hero {
		padding-top: 30vh;
	}
	.description-text {
		font-size: 1.8rem;
	}
	
	.absolute {
		position: absolute;
		bottom: 0;
	}
	.contributors_list {
		padding-top: 0.8rem;
		font-size: 1.2rem;
	}
	.contributors_list li {
		margin-bottom: 0.5rem;
	}
	.contributors_list li a:hover {
		margin-bottom: 4px;
	}
	.close-btn a {
		font-size: 2rem;
		position: absolute;
		top: 1rem;
		right: 2rem;
		color: #272727;
		font-weight: 400;
		text-decoration: none;
	}
	/* Selection & scrolling–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/*html:not(.has-scroll-init) {
		cursor: wait;
		overflow: hidden;
	}*/
	html.has-scroll-smooth {
		overflow: hidden;
	}
	.has-scroll-smooth {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	html.has-scroll-dragging {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.has-scroll-smooth body {
		overflow: hidden;
	}
	::-moz-selection {
		background-color: #272727;
		color: #fff;
		text-shadow: none;
	}
	::selection {
		background-color: #272727;
		color: #fff;
		text-shadow: none;
	}
	.o-scroll {
		top: 0;
	}
	/* New–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.c-header_title {
		/*padding: 2.5rem 0;
		*/
		perspective: 600px;
		-webkit-perspective: 600px;
	}
	.c-header_line {
		right: 0;
		transform: scaleX(0);
		transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.c-header_line.is-inview {
		transform: scaleX(1);
	}
	.c-header_title_line {
		display: block;
		opacity: 0;
		transform-origin: center top;
		transform-style: preserve-3d;
		transform: translateY(100%) rotateX(-80deg);
		transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	html.is-ready .c-header_title_line {
		transform: none;
		opacity: 1;
		transition-duration: 0.8s;
	}
	html.is-ready .c-header_title_line:first-child {
		transition-delay: 0.1s;
	}
	html.is-ready .c-header_title_line:nth-child(2) {
		transition-delay: 0.2s;
	}
	html.is-ready .c-header_title_line:nth-child(3) {
		transition-delay: 0.3s;
	}
	html.is-ready .c-header_title_line:nth-child(4) {
		transition-delay: 0.4s;
	}
	.c-header_title_line span {
		display: inline-block;
	}
	html.has-scroll-smooth {
		overflow: hidden;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.c-cta_line {
		margin: 0;
		transform: scaleX(0);
		transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.c-cta_line.-margin {
		margin-bottom: 30px;
	}
	.c-cta_line.is-inview {
		transform: scaleX(1);
	}
	.c-header_title_line.-version {
		text-transform: none;
		font-size: 0;
	}
	.c-header_heading {
		padding: 1.875rem 0;
	}
	.c-header_heading_label {
		display: block;
		transition: transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateY(-60px);
	}
	html.is-ready .c-header_heading_label {
		transform: none;
		transition-duration: 0.6s;
	}
	html.is-ready .o-layout_item:nth-child(2) .c-header_heading_label {
		transition-delay: 0.1s;
	}
	.o-image_wrapper {
		position: relative;
		overflow: hidden;
		transition: all 0.4s ease-out;
	}
	.o-image {
		opacity: 1;
		transition: all 0.4s ease-out;
	}
	.o-image img {
		width: 100%;
		opacity: 0;
		transform: scale(1.4);
		transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.o-image.is-inview img {
		opacity: 1;
		transform: scale(1);
		transition-delay: 0.4s;
	}
	.o-image.is-inview {
	}
	.project-link {
		display: block;
		margin-top: 0;
		transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
		opacity: 1;
		margin-top: 1rem;
		transition: all 0.5s ease-out;
	}
	.project-link::after {
		position: absolute;
		content: '';
		height: 2px;
		bottom: -7px;
		left: 0;
		right: 0;
		width: 0%;
		background: #272727;
		opacity: 0;
		transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	}
	.arrow {
		background-image: url("../images/assets/arrow-new.svg");
		position: absolute;
		right: 0;
		bottom: 5px;
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 30px;
		height: 15px;
		opacity: 0;
		transition: all 0.4s ease-out;
	}
	.project-box {
		display: block;
	  margin-top: 5rem;
	}
	.project-box:hover {
		transition: all 0.4s ease-out;
	}
	.project-box:hover + .project-heading {
		background-size: 100% 100%;
	}
	.project-box:hover>.project-link {
		opacity: 1;
		margin-top: 1rem;
		margin-left: 0.5rem;
	}
	.project-box:hover>.client-name {
		opacity: 1;
		margin-right: 0.5rem;
	}
	.project-box:hover>.project-link::after {
		opacity: 1;
		width: 100%;
	}
	.project-box:hover .arrow {
		opacity: 0.8;
		transition-delay: 0.5s;
	}
	.project-box:hover .o-image {
		transform: scale(1.1);
	}
	.client-name {
		text-align: right;
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}
	.c-fixed_wrapper {
		position: relative;
		overflow: hidden;
	}
	@media (min-width: 1000px) {
		.c-fixed_wrapper {
			height: 100vh;
		}
	}
	@media (max-width: 999px) {
		.c-fixed_wrapper {
			height: 50vh;
		}
	}
	.c-fixed_target {
		bottom: -100vh;
	}
	.c-fixed,.c-fixed_target {
		position: absolute;
		top: -100vh;
		right: 0;
		left: 0;
	}
	.c-fixed {
		height: 100%;
		background-size: contain;
		background-position: 50%;
		opacity: 1;
	}
	html:not(.has-scroll-smooth) .c-fixed {
		top: 0;
	}
	#stick {
		height: 100vh;
	}
	#stick p {
		padding-top: 50vh;
	}
	/* Spacers–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.x-small-margin {
		padding-top: 2rem;
	}
	.small-margin {
		padding-top: 5rem;
	}
	.medium-margin {
		padding-top: 10rem;
	}
	.large-margin {
		padding-top: 15rem;
	}
	@media (min-width: 1000px) {
		.large-margin {
			padding-top: 30rem;
		}
	}
	/* Footer–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.footer-header {
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 5rem;
	}
	.footer {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.more-projects {
		width: 90%;
		position: relative;
	}
	.no-bg {
		background: transparent;
	}
	.appear-after {
		opacity: 0;
		animation: 2s ease-out 1.5s 1 Fadein;
		-webkit-animation-fill-mode: forwards;
	}
	.say-hello {
		font-size: 2.2rem;
		padding-top: 2rem;
		padding-bottom: 2.5rem;
	}
	.copyright {
		display: block;
	}
	.social-nav {
		display: block;
		padding-inline-start: 0;
		margin-bottom: 1.5rem;
	}
	.social-nav li {
		display: inline-block;
	}
	/*.twitter, .instagram, .spotify {
		width: 35px;
		height: 25px;
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		background-position: center;
	}
	.twitter {
		background-image: url('../images/assets/twitter.svg');
	}
	.instagram {
		background-image: url('../images/assets/instagram.svg');
	}
	.spotify {
		background-image: url('../images/assets/spotify.svg');
	}*/
	.collection ul {
		text-align: left;
		margin: 0 auto;
		display: block;
		padding-inline-start: 0;
		list-style: none;
		margin-bottom: 2rem;
	}
	.collection-footer ul {
		text-align: center;
	}
	.collection ul li {
		display: inline-block;
	}
	.footer-collection ul{
		text-align: center;
	}
	.back-to-all {
		font-size: 1.8rem;
		font-weight: 400;
		padding-top: 1rem;
		text-align: center;
		display: block;
		transition: all 0.4s ease-out;
		margin: 0 auto;
		color: #272727;
		text-decoration: none;
		margin-bottom: 4rem;
		height:30px;
		width: fit-content;
	}
	.back-to-all::before {
		content: '';
		/*background-image: url("../images/assets/arrow-new-left.svg");
		background-size: contain;*/
		background-repeat: no-repeat;
		position: relative;
		top:3px;
		display: inline-block;
		margin-right: 1rem;
		width: 16px;
		height: 15px;
		transition: all 0.6s ease-out;
	}
	.back-to-all:hover::before {
		top:3px;
		right:5px;
	}
	.footer-link {
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-bottom: 3rem;
		margin-top: 1rem;
	}
	/* LInk effects–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.content__item {
		font-size: 2rem;
		position: absolute;
		top: 1rem;
		right: 2rem;
		color: #272727;
		font-weight: 400;
		text-decoration: none;
	}
	.content__item2 {
		font-size: 2rem;
		position: absolute;
		top: 1rem;
		right: 2rem;
		color: #272727;
		font-weight: 400;
		text-decoration: none;
	}
	.link {
		cursor: pointer;
		position: relative;
		white-space: nowrap;
	}
	.link::before,.link::after {
		position: absolute;
		width: 100%;
		height: 1px;
		background: #272727;
		top: 100%;
		left: 0;
		pointer-events: none;
	}
	.link::before {
		content: '';
	}
	.link--elara::before {
		transform-origin: 50% 100%;
		transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
		clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
	}
	.link--elara:hover::before {
		transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
		clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
	}
	.link--elara span {
		display: inline-block;
		transition: transform 0.6s cubic-bezier(0.2, 1, 0.8, 1);
		color: #272727;
	}
	.link--elara:hover span {
		transform: translate3d(0, -2px, 0);
	}
	.spacer {
		height: 100vh;
		display: block;
		background-color: #fff;
	}
	.large-typed {
		font-size: 5rem;
		line-height: 1;
	}
	/* Font Alternates–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.alt-a {
		font-feature-settings: "ss01";
	}
	.alt-u {
		font-feature-settings: "ss02";
	}
	.alt-n {
		font-feature-settings: "ss03";
	}
	.alt-d {
		font-feature-settings: "ss04";
	}
	.alt-p {
		font-feature-settings: "ss05";
	}
	.alt-q {
		font-feature-settings: "ss06";
	}
	.alt-r {
		font-feature-settings: "ss07";
	}
	.alt-m {
		font-feature-settings: "ss08";
	}
	.alt-R {
		font-feature-settings: "ss09";
	}
	.alt-B {
		font-feature-settings: "ss10";
	}
	.alt-g {
		font-feature-settings: "ss11";
	}
	.alt-f {
		font-feature-settings: "ss12";
	}
	.alt-b {
		font-feature-settings: "ss13";
	}
	.alt-h {
		font-feature-settings: "ss14";
	}
	.alt-t {
		font-feature-settings: "ss15";
	}
	.alt-s {
		font-feature-settings: "ss16";
	}
	.alts-all {
	  font-feature-settings: "ss01", "ss02", "ss03", "ss04", "ss05", "ss06", "ss07", "ss08", "ss09", "ss10", "ss11", "ss12", "ss13", "ss14", "ss15", "ss16";
	}
	.alt-r-n-a {
		font-feature-settings: "ss07", "ss03", "ss01";
	}
	.alt-u-n-d {
		font-feature-settings: "ss02", "ss03", "ss04";
	}
	.alt-m-g-d {
		font-feature-settings: "ss08", "ss11", "ss04";
	}
	.alt-n-g-d {
		font-feature-settings: "ss03", "ss11", "ss04";
	}
	.alt-u-g-a {
		font-feature-settings: "ss02", "ss11", "ss01";
	}
	.alt-a-n {
		font-feature-settings: "ss01", "ss03";
	}
	.alt-a-g {
		font-feature-settings: "ss01", "ss11";
	}
	.alt-r-g {
	  font-feature-settings: "ss07", "ss11";
	}
	.alt-n-g {
		font-feature-settings: "ss03", "ss11";
	}
	.alt-u-d {
		font-feature-settings: "ss02", "ss04";
	}
	/* Websites page–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.finlathen {
		background-color: #FFF2F4;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	.hilltown {
		background-color: #E6F2F6;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	.right-text{
		text-align: right;
	}
	/* Typography page–––––––––––––––––––––––––––––––––––––––––––––––––– */
	textarea {
		font-family: "PrototypeGX";
		font-size: 7rem;
		font-variation-settings: 'wght' 500, 'wdth' 100, 'CRSB' 50, 'ROUN' 0;
		display: block;
		border: 0;
		background: transparent;
		overflow: hidden;
		resize: none;
		width: 100%;
		font-kerning: auto;
		text-align: center;
		line-height: 1em;
		text-align: left;
	}
	.text-area-d{
		height: 50vh;
	}
	#weightSlider, #widthSlider, #crossbarSlider, #roundedSlider, #sizeSlider, #lineheightSlider, #trackingSlider {
		margin-top:5rem;
	}
	.svg-bg {
		background-image: url('../images/collections/animation/pi.svg');
		background-size: cover;
	}
	.caption-centred{
		position: relative;
		height: 50vh;
	}
	.caption-top {
		position: relative;
		height: 10rem;
	}
	.caption-centred p{
		font-size:1.5rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.caption-top p{
		font-size:1.5rem;
		position: absolute;
	}
	.portfolio-heading{
		font-size: 9vw;
		margin-bottom: 5rem;
	}
	.sub-line {
		font-size:5.2rem;
		margin-top:2rem;
	}
	.project-heading {
		font-size: 5.2rem;
	  line-height: 1.2;
		background-image: linear-gradient(180deg, transparent 96%, #272727 0);
		background-size: 0 100%;
		background-repeat: no-repeat;
		text-decoration: none;
		transition: background-size 0.4s ease;
	}
	.project-heading:hover {
		background-size: 100% 100%;
	}
	.project-descriptions{
		font-size: 6rem;
		margin-top: 5rem;
	}
	.project-content{
	}
	.almighty-foods-heading {
		margin-top: 2rem;
	}
	.bold-type {
		font-family: 'aon-001bold';
		font-weight: bold;
	}
	
	.down-arrow {
		width: 50px;
		height: 50px;
		margin-top: 0px;
		/*background-size: cover;
		background-image: url('../images/assets/arrow-down.svg');*/
		display:block;
		position: relative;
		animation: 2s ease-out 0.5s ArrowAnim;
		animation-iteration-count: infinite;
	}

	/* Logo ---------------------------------------------------------- */

	.page-header {
		margin-top: 5vw;
		position:relative;
		opacity:0;
		animation: 1.5s ease-out 2s Fadein;
		-webkit-animation-fill-mode: forwards;
		z-index: 50;
	}

	#aon-logo {
		width: 230px;
		height: 60px;
		display: block;
		/*background-image: url(../images/assets/aon-logo-low.jpg);*/
		background-image: url(https://www.agencyofnone.com/portfolio/images/assets/aon-logo-low.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}


	/* for high resolution display */

	@media only screen and (min--moz-device-pixel-ratio: 2),

	only screen and (-o-min-device-pixel-ratio: 2/1),

	only screen and (-webkit-min-device-pixel-ratio: 2),

	only screen and (min-device-pixel-ratio: 2) {

	#aon-logo {

		background: url(https://www.agencyofnone.com/portfolio/images/assets/aon-logo.jpg);
			background-repeat: no-repeat;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
	}}


	/* NEW STYLES */

	.losenge-button {
		display: inline-block;
		text-align: center;
		background: #fff;
		color: #272727!important;
		font-size: 2vw;
		border-style: solid;
		border-width: 3px;
		border-color: #272727;
		border-radius: 8em;
		padding: 0.9rem 3rem 0.5rem 3rem;
		margin-bottom: 1rem;
		margin-right: 1rem;
		transition: all 0.4s ease-out;
		text-decoration: none;
		letter-spacing: -0.4px;
	}

	.losenge-button:hover{
		background: #272727;
		color: #fff!important;
		transform: translate(0px, -5px);
	}

	.bluescreen {
		background-color: blue;
		width: 100vw;
		height: 130vh;
		display: block;
		color: blue;
		position: absolute;
		top: -10vh;
		left: 0;
		z-index: 1000;
	}


	

	.bigger-button {
		font-size:2vw;
		animation: 2s ease-out 1s GrowingLink;
		animation-iteration-count:infinite;
	}

	.alts-all {
		font-feature-settings: "ss01";
	}

	
	.strike {
	  position: relative;
	}
	.strike::after {
	  content: ' ';
	  position: absolute;
	  top: 44%;
	  left: 0;
	  width: 0%;
		border-radius:5px;
	  height: 10px;
	  background: #222;
	  animation-name: strike;
		animation-delay:0.1s;
	  animation-duration: 0.5s;
	  animation-timing-function: linear;
	  animation-iteration-count: 1;
	  animation-fill-mode: forwards;
	}

	/*@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 600px){
	.hamburger {
		-ms-transform: scale(1.0)!important;
		-webkit-transform: scale(1.0)!important;
		transform: scale(1.0)!important;
		top: 0.3em!important;
	}}*/


	@media screen and (max-width: 55em){
	.content {
		height: auto;
		min-height: 0;
		flex-direction: column;
		}

	.losenge-button {
		display: block!important;
		text-align: center;
		background: #fff;
		font-size: 5vw;
		border-style: solid;
		border-width: 2px;
		width: fit-content;
		padding: 0.7rem 1.5rem 0.5rem 1.5rem;
		margin-bottom: 0rem;
		margin-top:1rem;
		margin-right: 1rem;
		}


	/* Nav ---------------------------------------------------------- */
	.mobile-hide {
		display:none;
	}

	#close-link {
		z-index: 999;
		font-size: 2rem;
		position: fixed;
		top: 0rem;
		right: 0rem;
		background: #fff;
		padding: 0.5rem 2rem;
	}

	#fixed-link {
		z-index: 999;
		position: sticky;
	}


	/* Bigger than 550 */
	@media (min-width: 550px) {
	  .nav {
		width: 75%;
	  }
		.slide {
		/*margin-top: 2vh;*/
		line-height:1.2;
	}}

	@media only screen and (min-width: 700px) {
	  .nav {
		width: 50%;
	  }

	.losenge-button{
		font-size: 1.7vw;
		}

	  nav a {
		font-size: 40px;
	  }
	  .hamburger {
		position: absolute;
		width: 50px;
		height: 45px;
		right:15px;  
	  }
	}

	ul.nav-social-icons {
		padding-top: 0;
	}

	.nav-social-icons a{
		width:38px;
		height: 42px;
		display: inline-block!important;
	}

	.nav-social-icons a:hover{
		transform:scale(1.2)!important;
	}

	.insta-icon {
		margin-left: 2rem;
	}

	/* Media Queries–––––––––––––––––––––––––––––––––––––––––––––––––– */
	@media only screen and (max-width: 700px) {
		.slide {
		/*margin-top: 13vh;*/
		}}



	/* Bigger than 550 */
	@media (min-width: 550px) {
		.description-text {
			font-size: 1.8rem;
		}
	}
	@media only screen and (min-width: 700px) {
		.sliders {
			width: 40vw;
			margin: 0 auto;
		}

	}
	/* Bigger than 750 */
	@media (min-width: 750px) {
		.hero-heading {
			font-size: 2.6rem;
		}
		.section {

		}
		.section-description {
			max-width: 60%;
			margin-left: auto;
			margin-right: auto;
		}
		.categories {
			padding: 15rem 0 8rem;
		}
		.portfolio-heading {
		max-width: 70vw;
		font-size: 7vw;
		}
		.sub-line{
			font-size: 10rem;
			max-width: 1200px;
		}
		.project-heading {
		font-size: 7vw;
		}
		.mobile-hide {
			display:block;
		}
	}
	/* Bigger than 1000 */
	@media (min-width: 1000px) {
		.hero-heading {
			font-size: 15.0rem;
		}
		.description-text {
			font-size: 1.8rem;
		}
		.collection-button {
			font-size: 2.4rem;
		}
		.large-typed {
			font-size: 7rem;
		}
		.collection-footer ul {
			max-width:100%
		}
		textarea{
			font-size: 10rem;
		}
		.down-arrow {
			width: 70px;
			height: 70px;
		}
		.legibility {
			text-rendering:optimizeLegibility;
		}
		.project-box {
		  margin-top: 0rem;
		}

		/* Bigger than 1200 */
		@media (min-width: 1200px) {
			.description-text {
				font-size: 2.4rem;
				margin-top: 1.5rem;
			}
			.contributors_list li {
				margin-bottom: 1rem;
			}
			.contributors_list {
				font-size: 1.5rem;
				margin-top: 1.5rem;
			}
			#type-container1{
				max-width: 900px;
			}
			.collection ul {
				max-width: 660px;
			}
			.collection-footer ul {
				max-width:100%
	}
			.footer-header{
				font-size: 5rem;
			}
		}

		/*iPad Pro 9.7"*/
	/* Portrait */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: portrait)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}

	}

	/* Landscape */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}

	}
	/*iPad Pro 10.5"*/
	/* Portrait */
	/* Declare the same value for min- and max-width to avoid colliding with desktops */
	/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
	@media only screen
	and (min-device-width: 830px)
	and (max-device-width: 900px)
	and (orientation: portrait)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}

	}

	/* Landscape */
	/* Declare the same value for min- and max-width to avoid colliding with desktops */
	/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
	@media only screen
	and (min-device-width: 1112px)
	and (max-device-width: 1112px)
	and (orientation: landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}

	}
	/*ipad PRo 12.9"*/
	/* Portrait */
	/* Declare the same value for min- and max-width to avoid colliding with desktops */
	/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
	@media only screen
	and (min-device-width: 1024px)
	and (max-device-width: 1024px)
	and (orientation: portrait)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}

	}

	/* Landscape */
	/* Declare the same value for min- and max-width to avoid colliding with desktops */
	/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
	@media only screen
	and (min-device-width: 1366px)
	and (max-device-width: 1366px)
	and (orientation: landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
		.ipad-pro-padding{
			padding-top:50rem;
		}
	}
		
}
		
	@keyframes ArrowAnim {
		0% {
			margin-top: 0px;
		}
		50% {
			margin-top: 20px;
		}
		100% {
			margin-top: 0px;
		}
	}
		
	@keyframes GrowingLink {
		0% {
			transform:scale(1.0);
		}
		50% {
			transform:scale(1.3);
		}
		100% {
			transform:scale(1.0);

		}
	}
		
	/*@font-face {
		font-family: '4/webfont/PrototypeGX';
		src: url("PrototypeGX.ttf") format("truetype");
	}
	@font-face {
		font-family: 'PrototypeGX';
		src: url("PrototypeGX.ttf") format("truetype");
	}*/
		
	@keyframes strike{
	  0%   { width : 0; }
	  100% { width: 100%; }
	}
		
	@keyframes Fadein {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}