/* RESET */
	* {
	  margin: 0;
	  padding: 0;
	}

	/* STYLES (optional) */

	@font-face {
	    font-family: 'HafferSQXH-Regular';
	    src: url('fonts/HafferSQXH-Regular.woff2') format('woff2'),
	        url('fonts/HafferSQXH-Regular.woff2') format('woff');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
    font-family: 'HafferSQXH-Bold';
    src: url('fonts/HafferSQXH-Bold.woff2') format('woff2'),
        url('fonts/HafferSQXH-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

	/* FLEXBOX ABSOLUTE CENTER */
	html,
	body {
	  height: 100%;
	  font-family: "HafferSQXH-Regular", Helvetica, Arial, sans-serif; 
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    color: #000;
	}
	p {
		margin: 0 0 1.25em;
		letter-spacing: -0.25px;
	}
	.registration-form {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  height: 100%;
	  
	}	
	.registration-form {
		display:flex;
		position: absolute;
		left:0;
		top:0;
		background: #fff;
		flex-direction: column;
		padding-bottom: 15vh;
	}
	#front-logo {
		position: fixed;
		z-index: 5000;
		transition: opacity 0.5s;
		/*transition-delay: 0.25s;*/
	}
	.navbar {
		text-transform: uppercase;
		position: fixed;
		top: 2em;
		left: 2em;
		transition: opacity 0.5s;
		z-index: 1000;
	}
	.navbar a {
		color: #000;
		padding-right: 1em;
		text-decoration: none;
	}
	.navbar a:hover {
		text-decoration: none;
	}
	.home {
		padding-bottom: 35vh;
	}
	.home .photos {
		display: flex;
		flex-wrap: wrap;
	}
	.home .photos div {
		position: relative;
	}
	.home .photos div.w50 {
		flex-basis: 100%;
		width: 100%;
	}
	.home .photos div.w50:nth-child(2n) {
		display: none;
	}
	.home .photos div.w100 {
		flex-basis: 100%;
		width: 100%;
	}
	.home .photos div img {
		width: 100%;
		height: auto;
		display: block;
	}
	.home .photos .logo {
		position: absolute;
		width: 87.5%;
		height: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.content {
		padding: 3em 1em 25vh;
		text-transform: uppercase;
	}
	.content .text {

	}
	.content .text h1 {
		text-decoration: underline;
		margin-bottom: 2em;
		font-size: 1em;
		font-weight: 400;
	}
	.content .text p {
		line-height: 1.2em;
	}
	.content .text a {
		text-decoration: underline;
		color: #000;
	}
	.content a:hover {
		text-decoration: none;
	}
	.loading {
		position: fixed;
		overflow: hidden;
		z-index: 3000;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	  justify-content: center;
	  transition: opacity 0.5s;
	  background: #fff;
	}
	.loading p {
		font-size: 1em;
		text-align: center;
		text-transform: uppercase;
	}
	.loading p i {
		display: inline-block;
		width: 15px;
		text-align: left;
	}
	.lookbook {
		padding-bottom: 25vh;
	}
	.lookbook h1 {
		display: block;
		background: #fff;
		width: 100%;
		padding: 10em 1em 1em;
		text-transform: uppercase;
		font-size: 1.2em;
		line-height: 0.8;
		text-align: right;
		position: relative;
		box-sizing: border-box;
		font-weight: 400;
	}
	.lookbook h1 a {
		display: inline-block;
		position: absolute;
		left: 1em;
		bottom: 1em;
	}
	.lookbook h1 a img {
		max-width: 150px;
	}
	.lookbook .thumbnails {
		/*overflow: hidden;*/
		visibility: hidden;
		margin-bottom: 4em;
		width: 100%;
	}
	.lookbook .thumbnails div img {
		max-width: 200px;
	}
	.lookbook .photos {
		display: flex;
		flex-wrap: wrap;
	}
	.lookbook .photos div {
		flex-basis: 50%;
		width: 100%;
	}
	.lookbook .photos div img {
		width: 100%;
		height: auto;
		display: block;
	}
	.flickity-button,
	.flickity-page-dots {
		display: none;
	}
	.arrow {
	  border: solid #000;
	  border-width: 0 1px 1px 0;
	  display: inline-block;
	  padding: 16px;
	}
	.up {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}
	.go-to-top {
		transition: opacity 0.5s;
		transition-delay: 0.25s;
		z-index: 1001;
		position: fixed;
		right: 2em;
		bottom: 1em;
		font-size: 16px;
	}
	.go-to-top a {
		color: #000;
	}



	.footer {
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 2em 0 0.75em;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footer.after-content {
		position: relative;
		z-index: 1002;
	}
	.footer .logo,
	.footer nav {
		width: calc(100% - 2em);		
	}
	.footer .logo img {
		width: 100%;
		min-width: 300px;
	}
	.footer nav {
		margin-top: 1em;
		display: block;
		line-height: 1em;
	}
	.footer nav a {
		text-transform: uppercase;
		color: #000;
		text-decoration: none;
		padding-right: 1.25em;
	}

	#mc_embed_signup {
		background:#fff;
		color:#000;
		clear:left;
		font:12px "HafferSQXH-Regular", Helvetica, Arial, sans-serif;
		width: calc(100% - 4em);
		font-weight:400;
		padding: 0 2em 2em;
		text-transform: uppercase;
	}

	#mc_embed_signup form input[type=email],
	#mc_embed_signup form input[type=file],
	#mc_embed_signup form input[type=number],
	#mc_embed_signup form input[type=password],
	#mc_embed_signup form input[type=search],
	#mc_embed_signup form input[type=tel],
	#mc_embed_signup form input[type=text],
	#mc_embed_signup form select,
	#mc_embed_signup form textarea {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
  }

  #mc_embed_signup label {
  	text-transform: uppercase;
  }

  #mc_embed_signup a {
  	color: #000;
  }
  #mc_embed_signup a:hover {
  	text-decoration: none;
  }
  #mc_embed_signup .button {
  	width: 100%;
    background: #000;
    color: #fff;
    border-radius: 0;
    height: 42px;
    text-transform: uppercase;
  }
  #mc_embed_signup p {
  	padding: 2em 0;
  }
  #mc_embed_signup p span {
		font:12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 700;
	}
	#mc_embed_signup div.response {
		text-align: center;
		margin: 1em auto;
		float: none;	
	}
  .registration-form .logo {
		padding: 2em 0;
	}
	.registration-form .logo img {
		width: 100%;
	}





  	@media (min-width: 1025px) {
			#mc_embed_signup {
				width: 500px;
			}
			.registration-form .logo img {
				max-width: calc(500px + 3.3em);
			}
			.content {
				padding: 5em 3em;
			}
			.footer .logo,
			.footer nav {
				width: calc(100% - 16vw);		
			}
			.home .photos div.w50 {
				flex-basis: 50%;
				width: 100%;
			}
			.home .photos div.w100 {
				flex-basis: 100%;
				width: 100%;
			}
			.home .photos div.w50:nth-child(2n) {
				display: block;
			}
			.home .photos .frame img:first-of-type {
				width: 50%;
				margin: 0 auto;
			}
			.lookbook h1 {
				padding: 20em 2em 2em;
			}
			.lookbook h1 a {
				left: 2em;
				bottom: 2em;
			}
			.lookbook h1 a img {
				max-width: 500px;
			}
		}


		@media (max-width: 768px) {
			.home .photos div.front-image {
				overflow: hidden;
			}
			.home .photos div img:not(.logo) {
				min-height: 95vh;
				object-fit: cover;
				position: relative;
			}
			.home .photos div.wide img {
				min-height: auto;
			}
			.home .photos div.front-image img:not(#front-logo) {
				width: 200%;
				transform: translateX(-50%);
				left: 50%;	
			}
			.home .photos #front-logo {
				transform: translateX(-50%);
				left: 50%;	
			}
			.footer {
				padding-bottom: 2em;
			}
			.home .photos .logo {
				width: 87.5%;
			}
			#front-logo {
				width: 87.5%;
			}
			.footer nav {
				font-size: 12px;
				display: flex;
    		flex-wrap: wrap;
    		line-height: 1.5em;
			}
			.footer nav a {
				flex-basis: 27%;
			}
			.lookbook .thumbnails div img {
				max-width: 100px;
			}
		}