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

#slides_container {
	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;
}
@keyframes Fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.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–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
	font-family: '4/webfont/PrototypeGX';
	src: url("PrototypeGX.ttf") format("truetype");
}
@font-face {
	font-family: 'PrototypeGX';
	src: url("PrototypeGX.ttf") format("truetype");
}
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;
}
@keyframes ArrowAnim {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: 20px;
	}
	100% {
		margin-top: 0px;
	}
}
.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;
}


@keyframes GrowingLink {
	0% {
		transform:scale(1.0);
	}
	50% {
		transform:scale(1.3);
	}
	100% {
		transform:scale(1.0);

	}
}

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

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

@keyframes strike{
  0%   { width : 0; }
  100% { width: 100%; }
}
.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;
	}
}