@charset "utf-8";

/*
 * Global Styles
 */

#preview-bar-iframe,
#admin-bar-iframe{
  display: none !important;
}

/* RESET CSS
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
ol, ul, li{
	list-style: none;
}
*{
	box-sizing: border-box;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
textarea {
    resize: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
input{
	border: 0;
	margin: 0;
	padding: 0;
	display: inline-block;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
    appearance: none;
  	color: inherit;
  	width: fit-content;
  	width: -moz-fit-content;
  	line-height: normal !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}
input[type="checkbox"]{
	cursor: pointer;
}
input[type=number] {
  	-moz-appearance:textfield;
  	height: 1em;
}
button{
	border: none;
    padding: 0;
    margin: 0;
	-webkit-appearance: none;
    appearance: none;
  	color: inherit;
  	background: transparent;
}
button::-moz-focus-inner {
  border: none !important;
}
input[type="checkbox"]{
	cursor: pointer;
}
select{
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    -webkit-border-radius: 0px;
    padding: 0;
    margin: 0;
    background: transparent;
}
select:focus::-ms-value {
  	background-color: none;
  	color: inherit;
}
::-webkit-input-placeholder,
::placeholder{
  	color: black;
	line-height: normal !important;
  	opacity: 1;
}
:focus{
	outline: none !important;
}
a{
	width: fit-content;
  	width: -moz-fit-content;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
a:active,
.desktop a:hover{
	color: #ff553a;
}
.red{
  	color: #ff553a;
}
img{
  	font-size: 0;
  	line-height: 0;
  	width: 100%;
  	display: block;
}

/*	BASIC STYLES
================================================== */
::-webkit-scrollbar{
	display: none;
}
::selection{
	background-color: transparent;
	color: #ff553a;
}
html{
	font-size: 10px;
  	scrollbar-width: none;
  	padding: 0 !important;
}
body{
	margin: auto;
	width: 100%;
	height: 100%;
}
body, h1, h2, input{
	font-family: 'Times Now', 'Times New Roman', Times, serif;
	font-size: 4.5vw;
	font-style: normal;
	line-height: .9;
  	letter-spacing: -1px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
  	color: black;
}
.hide,
.mobile-display,
.small-mobile-display,
.product-mobile-display,
.footer-mobile-display{
  	display: none;
}
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}
.pointer{
	cursor: pointer;
}
.default{
  	cursor: default;
}
.inactive{
	cursor: default;
  	pointer-events: none;
}

/* FONTS
================================================== */
@font-face {
    font-family: 'Times Now';
    src: url('../../../../../../0439/0882/5238/t/2/assets/times-now.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
  	font-display: swap;
}
@font-face {
    font-family: 'Univers';
    src: url('../../../../../../0439/0882/5238/t/2/assets/Univers55.woff') format('woff2');
    font-weight: 900;
    font-style: normal;
  	font-display: swap;
}

/* FONTS
================================================== */
.univers{  
  	font-family: 'Univers', sans-serif;
  	font-size: 16px;
  	line-height: normal;
  	letter-spacing: 0;
}
.univers a{
  	color: #ff553a;
}

/* LANDING
================================================== */
#landing{
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100vw;
  	height: 100%;
  	display: grid;
  	align-items: center;
  	color: white;
  	font-size: 96px;
  	padding: 2rem;
  	user-select: none;
  	grid-template-rows: min-content min-content;
    align-content: center;
}
#landing span{
	display: grid;
  	grid-template-columns: min-content 1.25em;
    grid-gap: .25em;
    justify-self: center;
}
#landing svg{
	fill: white;
  	width: 100%;
  	overflow: visible;
}
#landing-img,
#landing-video{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

/* HEADER
================================================== */
header{
  	width: 100vw;
  	position: relative;
  	padding: 1rem 1rem 0;
    display: grid;
    grid-template-columns: min-content 1fr;
}
#logo{
	position: sticky;
  	position: -webkit-sticky;
  	top: 1rem;
  	height: fit-content;
  	height: -moz-fit-content;
  	display: grid;
  	grid-template-columns: min-content 1fr;
  	grid-gap: 1rem;
  	height: .9em;
}
#logo svg{
	width: 100%;
  	height: 100%;
  	align-self: center;
  	overflow: visible;
  	stroke: black;
  	stroke-width: .2;
  	width: 1.4em;
}
#logo:active,
.desktop #logo:hover{
	color: #ff553a;  	
}
#logo:active svg,
.desktop #logo:hover svg{
	fill: #ff553a !important;  	
  	stroke: #ff553a !important;  	
}
#menu-button{
	display: none;
  	z-index: 9;
}
#menu-button::before{
	content: 'Menu';
}
#menu-button.active::before{
	content: 'Close';
}
header wrap{
	display: grid;
    grid-template-columns: 15fr 4fr;
  	-webkit-transition: margin-top .6s ease-in-out;
	-moz-transition: margin-top .6s ease-in-out;
	-o-transition: margin-top .6s ease-in-out;
  	transition: margin-top .6s ease-in-out;
  	padding-left: .75rem;
}
header wrap.pause{
	transition: none !important;
}
header wrap.active{
    margin-top: 0 !important;
}
.tablet.landscape header wrap{
	margin-top: 0 !important;
  	transition: none !important;
}
header wrap #menu-wrap{
	display: grid;
}
header wrap #menu-wrap-mobile{
	display: none;
}
menu{
	display: grid;
  	grid-template-columns: 6fr 9fr;
  	/*transition: margin-top .6s ease-in-out;
    margin-top: 0;*/
}
/*.tablet.landscape menu{
	margin-top: 0 !important;
  	transition: none !important;
}*/

/*
.template-collection menu,
.template-policy menu,
.template-product menu,
.template-cart menu{
	padding-bottom: calc(4rem + .9em );
}
*/
menu nav{
  	position: sticky;
  	position: -webkit-sticky;
  	top: 1rem;
	display: grid;
  	grid-auto-rows: max-content;
  	height: fit-content;
  	height: -moz-fit-content;
}
.menu-link{
  	height: .9em;
	width: fit-content;
  	width: -moz-fit-content;
  	white-space: nowrap;
}
menu nav .menu-link:active,
.desktop menu nav .menu-link:hover{
	color: #ff553a;
}
#search,
#search-mobile{
	height: .9em;
    display: grid;
    align-content: center;
}
#search input{
	width: 110%;
  	color: #ff553a;
  	caret-color: black;
}
#search input:active::placeholder,
#search-mobile input:active::placeholder,
.desktop #search input:hover::placeholder,
.desktop #search-mobile input:hover::placeholder{
	color: #ff553a;
}
#submenu{
  	position: sticky;
  	position: -webkit-sticky;
  	top: 1rem;
	height: fit-content;
  	height: -moz-fit-content;
}
#submenu a{
	height: .9em;
    display: inline-block;
}
#bag{
	position: sticky;
  	position: -webkit-sticky;
  	top: 1rem;
  	height: fit-content;
  	height: -moz-fit-content;
  	justify-self: flex-end;
  	display: grid;
    grid-auto-flow: column;
    align-items: center;
}
#bag sup{
	margin-top: -.15em;
}
.link-active{
  	color: #ff553a;
}

/* FOOTER
================================================== */
footer{
  	width: 100vw;
  	position: relative;
	padding: 3rem 1rem 1.5rem;
  	display: grid;
  	grid-template-columns: min-content 1fr;
}
footer wrap{
	display: grid;
    grid-template-columns: 6fr 13fr;  	
  	padding-left: .75rem;
}
footer nav{
	display: grid;
  	grid-auto-rows: max-content;
  	height: fit-content;
  	height: -moz-fit-content;
}
#footer-logo{
	display: grid;
  	grid-template-columns: min-content 1fr;
  	grid-gap: 1rem;
  	height: .9em;
}
#footer-logo svg{
	width: 100%;
  	height: 100%;
  	align-self: center;
  	overflow: visible;
  	stroke: black;
  	stroke-width: .2;
  	width: 1.4em;
}
#footer-logo:active svg,
.desktop #footer-logo:hover svg{
	fill: #ff553a;
  	stroke: #ff553a;
}
#footer-submenu-trigger{
	user-select: none;
  	white-space: nowrap;
}
/*#footer-submenu-trigger.active{
	color: #ff553a;
}*/
#footer-submenu-content{
  	display: none;
	height: fit-content;
  	height: -moz-fit-content;
  	/*opacity: 0;
  	pointer-events: none;
  	margin-top: .5em;
  	-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
  	transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;*/
}
#footer-submenu-content.active{
  	display: grid;
	/*opacity: 1;
  	pointer-events: all;
  	margin-top: 0;*/
}
#footer-submenu-content.show{
	display: grid !important;
}
#back-to-top{
  	position: absolute;
  	right: 1rem;
  	bottom: 1.5rem;
  	width: fit-content;
  	width: -moz-fit-content;
}
.link:active,
.desktop .link:hover{
	color: #ff553a;
}

/* SECTIONS
================================================== */
main{
  	width: 100vw;
	padding: 0 1rem 1rem;
}
#title,
#title-contact{
	width: calc((100% - 1rem)/24*13);
    /*margin-left: calc(100%/24*5 + .75rem);*/
    margin-top: -.9em;
  	padding-right: 1rem;
}
#title{
	padding-bottom: 4rem;
}
.section-header{
  	width: 100%;
	display: grid;
  	grid-gap: 2rem;
  	padding-bottom: 4rem;
  	padding-right: 1rem;
  	/*margin-top: 4rem;*/
}
.section-header:first-of-type{
	margin-top: 8rem;
}
.section-header .univers{
	line-height: 1;
}
.section-description{
	width: calc(100%/24*13 - 1rem);
}
.template-blog .section-description{
	width: calc(100%/24*19);
}

/* SHOP
================================================== */
.template-list-collections main,
.template-collection main,
.template-search main{
  	padding-right: 0;
}
.products{
	display: flex;
  	flex-wrap: wrap;
  	/*grid-gap: 4rem 1rem;*/
  	margin-bottom: 4rem;
}
.products .product{
	width: calc(100%/4);
  	padding: 0 1rem 4rem 0;
}
.products .product a{
	width: 100%;
  	height: 30vw;
  	display: block;
}
.products .product a img{
	width: 100%;
  	height: 100%;
  	object-fit: cover;
}
.products .product .product-info{
  	padding-top: 1rem;
	display: grid;
  	grid-gap: .25em;
  	line-height: 1;
}
.products .product .product-info .product-title{
	text-transform: uppercase;
}
.products .product .product-info .sold-out{
  	color: lightgray;
}
.product a:active ~ .product-info,
.desktop .product a:hover ~ .product-info{
	color: #ff553a;
}
.products .image{
	width: calc(100%/2);
  	padding: 0 1rem 4rem 0;
}

/* PRODUCT
================================================== */
#product{
	padding-bottom: 8rem;
}
/*Slider*/
#slider{
	width: 100vw;
  	margin-left: -1rem;
  	cursor: e-resize !important;
}
#slider .slick-list,
#slider .slick-track{
	height: 100%;
}
#slider .slick-slide[tabindex="-1"]{
  	cursor: w-resize !important;
}
#slider .slick-active,
#slider .slick-active ~ .slick-slide,
#slider .slick-slide[tabindex="0"] ~ .slick-slide{
	cursor: e-resize !important;
}
#slider img,
#slider video{
	width: auto;
  	margin: 0 .5rem;
  	max-width: calc(100vw - 2rem);
    object-fit: cover;
}
/*Product Info*/
#infos-wrap{
	display: grid;
  	grid-template-columns: calc(100%/24*13) calc(100%/24*10);
  	grid-gap: calc(100%/24);
  	padding-top: 4rem;
}
#infos-wrap form{
	display: grid;
  	grid-auto-flow: row;
  	grid-auto-rows: min-content;
  	/*grid-gap: 4rem;*/
}
#infos-wrap form.product-simple select{
	display: none;
}
#product-header{
	margin-bottom: 4rem;
}
#product-info{
	/*display: grid;
    grid-template-columns: 6fr 4fr;
    grid-gap: 4rem;*/
  	display: flex;
  	flex-wrap: wrap;
}
#product-description{
  	width: 25vw;
    min-width: 300px;
    margin: 0 4rem 4rem 0;
}
#product-signs{
	display: flex;
    flex-wrap: wrap;
  	height: fit-content;
  	height: -moz-fit-content;
  	margin-bottom: 2rem;
}
#product-signs img{
	width: 4rem;
  	height: 100%;
  	display: block;
  	margin: 0 2rem 2rem 0;
}
#wrap-actions{
  	display: grid;
  	grid-gap: 1rem;
}
.product-simple .selector-wrapper,
.selector-wrapper label{
	display: none;
}

/* BLOGS
================================================== */
.blog-diaries{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8rem 1rem;
  	padding-bottom: 8rem;
}
.blog-collabs{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8rem 1rem;
  	padding-bottom: 8rem;
}
.blog-collabs .article img{
	height: 34vw;
  	object-fit: cover;
}
.article{
	display: grid;
  	grid-gap: 1rem;
  	height: fit-content;
  	height: -moz-fit-content;
}
.article a{
	width: 100%;
}
.article-info{
	display: grid;
  	grid-gap: 2rem;
}
.article-info .article-tags{
	line-height: 1;
}
.article a:active ~ .article-info .article-title,
.desktop .article a:hover ~ .article-info .article-title{
	color: #ff553a;
}

/* ARTICLE
================================================== */
.template-article header{
	position: absolute;
  	top: 0;
}
.template-article.white header,
.template-article.white header #search input::placeholder,
.template-article.white header #search-mobile input::placeholder,
.template-article.white #title{
	color: white;  	
}
.template-article.white header #search input{
	caret-color: white;
}
.template-article.white header svg{
	fill: white !important;
  	stroke: white !important;
}
.template-article main:first-of-type{
	padding-bottom: 0;
}
.template-article main:last-of-type{
	padding-bottom: 9rem;
}
#article-title{
	/*padding-top: 4rem;
  	margin-top: 4rem;
  	white-space: nowrap;*/
}
#article-header{
    width: 100vw;
  	margin-left: -1rem;
  	z-index: -1;
  	padding: 12rem 0;
}
#article-header.full{
	padding: 0;
  	margin-top: 0 !important;
}
.template-article main.full.alone{
	margin-top: 12rem;
}
#article-header img{
	width: 100%;
  	height: 100%;
  	object-fit: contain;
    padding: 0 12rem;
}
#article-header.full img{
	padding: 0;
  	object-fit: cover;
}
#article-description{
	margin: 0 auto 12rem;
  	padding: 0 3rem;
    min-width: 700px;
    width: calc(100% - 100%/24*8 + 8rem);
}
#article-description.full{
	margin: 12rem auto;
}
#article-title-mobile{
	display: none;
  	padding: 0 3rem;
}
.template-article main wrap{
	display: flex;
    flex-wrap: wrap;
    grid-gap: 16rem calc(100%/24);
    padding: 0 calc(100%/24 - 1rem) 0;
}
.safari .template-article main wrap{
	margin-bottom: -16rem;  
  	justify-content: center;
}
.article-image-wrap{
	display: grid;
  	grid-gap: 1rem;
  	height: fit-content;
  	height: -moz-fit-content;
  	align-self: flex-end;  	
  	margin: 0 auto;
}
.safari .article-image-wrap{
	margin: 0 calc(100vw/24) 16rem;
}
.article-image-wrap.small{
  	width: calc(100%/24*5);
  	align-self: center;
}
.article-image-wrap.medium{
  	width: calc(100%/24*8);
}
.article-image-wrap.large{
  	width: calc(100%/24*10);
}
.article-image-wrap.grande{
	width: 100%;
  	padding: 0 calc(100%/24*2);
}
.article-image-caption{
	display: grid;
  	grid-template-columns: min-content 1fr;
    grid-gap: 2rem;
}
#article-footer{
  	padding-top: 8rem;
	/*display: grid;
  	grid-template-columns: 5fr 19fr;*/
}
#article-footer blank{
	display: none;
}
#credits{
    width: 25vw;
    min-width: 300px;
  	max-width: 500px;
}

/* PAGES
================================================== */
.template-page main{
	padding-right: 0;
}
#page-content{
	padding: 4rem 0 7rem;  	
}
.shopify-section{
	display: grid;
  	grid-gap: 11rem;
}
section{
	display: grid;
    grid-gap: 3rem 0;
}
section div{
	display: flex;
    flex-wrap: wrap;
}
section p{
	width: 100%;
  	padding: 0 1rem 1rem 0;
}
section .column{
	column-count: 3;
  	column-gap: 1rem;
}
section img,
section video,
section .iframe-wrap{
	object-fit: cover;
  	object-position: top;
  	padding: 0 1rem 1rem 0;
  	height: 100%;
}
/*section .iframe-wrap{
	display: block;
  	width: 100%;
}*/
section iframe{
  	width: 100%;
  	height: 100%;
	background: black;
}
/*
section:nth-child(odd){
  	padding-left: calc((100% - 1rem)/24*5 + .75rem);
}
section:nth-child(even) p{
  	padding-right: calc((100% - 1rem)/24*5 + .75rem);
}*/
section img.full,
section video.full,
section .iframe-wrap.full{
    width: 100%;
  	height: 100%;
}
section .iframe-wrap.full{
	height: 56vw;
}
section:nth-child(odd) img.full,
section:nth-child(odd) video.full,
section:nth-child(odd) .iframe-wrap.full{
  	width: calc(100vw - 1rem);
	/*margin-left: calc(-100vw/24*5 + .4rem);*/
}
section img.big,
section video.big,
section .iframe-wrap.big{
  	width: calc(100%/24*20);
}
section .iframe-wrap.big{
	height: 52vw;
}
section:nth-child(odd) .iframe-wrap.big{
	height: 48vw;
}
.safari section video{
	height: intrinsic;
}
section:nth-child(odd) img.big,
section:nth-child(odd) video.big,
section:nth-child(odd) .iframe-wrap.big{
  	width: 100%;
}
section img.medium,
section video.medium,
section .iframe-wrap.medium{
  	width: calc(100%/24*12);
}
section .iframe-wrap.medium{
	height: 32vw;
}
section:nth-child(odd) .iframe-wrap.medium{
	height: 24vw;
}
section img.small,
section video.small,
section .iframe-wrap.small{
  	width: calc(100%/24*8);
}
section .iframe-wrap.small{
	height: 22vw;
}
section:nth-child(odd) .iframe-wrap.small{
	height: 16vw;
}
section img.smaller,
section video.smaller,
section .iframe-wrap.smaller{
  	width: calc(100%/24*4);
}
section .iframe-wrap.smaller{
	height: 10vw;
}
section:nth-child(odd) .iframe-wrap.smaller{
	height: 8vw;
}


/* POLICY PAGES
================================================== */
.policy-body{
    padding-bottom: 8rem;
    min-width: 600px;
    width: calc(100%/24*12);
    /*margin-left: calc(100%/24*5 + .75rem)*/
}
.policy-body p,
.policy-body ul,
.policy-body li ul{
	margin-bottom: 1em;
}
.policy-body ul{
    margin-left: 4rem;
    display: grid;
    grid-gap: .5em;
}
.policy-body ul,
.policy-body li{
	list-style: devanagari;
}
.policy-body strong{
  	text-transform: uppercase;
  	margin-top: 1em;
  	display: inline-block;
}
.policy-body p:first-of-type strong{
	margin-top: 0;
}
.policy-body p:last-of-type{
	margin: 0;
}

/* BAG
================================================== */
#bag-wrap{
	padding: 4rem 0 11rem;
}
#bag-header{
	line-height: 1;
}
#bag-header{
	display: grid;
  	grid-template-columns: 4fr 20fr;
  	grid-gap: 1rem;
}
.bag-item{
  	display: grid;
  	grid-template-columns: 4fr 20fr;
  	grid-gap: 1rem;
	margin-top: 2rem;
  	padding-top: 2rem;
  	border-top: 1px solid lightgray;
}
#bag-header wrap,
.bag-item wrap{
  	display: grid;
  	grid-template-columns: 10fr 6fr 4fr;
  	grid-gap: 1rem;
}
.bag-item a:active ~ wrap .item-info .item-name,
.desktop .bag-item a:hover ~ wrap .item-info .item-name{
	color: #ff553a;
}
.cart-product-quantity{
	display:grid;
  	grid-template-columns: min-content 1.5em min-content;
  	align-items: center;
  	height: fit-content;
  	height: -moz-fit-content;
}
.cart-product-quantity input{
	width: 100%;
}
.cart-product-quantity .minus{
  	margin-top: -.15em;
}
.quantity-button:active,
.desktop .quantity-button:hover{
	color: #ff553a;
}
#bag-footer{
  	display: grid;
  	grid-template-columns: calc(100%/24*13) calc(100%/24*10);
  	grid-gap: calc(100%/24);
  	padding-top: 4rem;
	border-top: 1px solid lightgray;
    margin-top: 2rem;
}
#bag-footer-infos{
	display: grid;
  	grid-gap: 4rem;
}
/*Empty Bag*/
#empty-bag{
	padding-top: 4rem;
}
#empty-bag span::after{
  	content: '. ';
}

/* SEARCH
================================================== */
.template-search .products{
	padding-top: 4rem;
}
#empty-search{
	padding: 8rem 1rem 0 0;
}
#empty-search span::after{
	content: '. ';
}

/* NEWSLETTER POP-UP
================================================== */
/*General*/
#privy-container *{
	font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
  	color: black !important;
}
#privy-container #privy-inner-container *[tabindex]:focus,
#privy-container #privy-inner-container .privy-dismiss-content[tabindex]:focus,
#privy-container #privy-inner-container .privy-email-input[tabindex]:focus,
#privy-container [tabindex]:focus,
#privy-container *:focus{
	outline: none !important;
}
#privy-container *::placeholder,
#privy-container input::placeholder{
	color: black !important;
	opacity: 1 !important;
  	font-family: 'Univers', sans-serif !important;
} 
.privy-thank-you,
.privy-popup-container.privy-thank-you,
.privy-button-element-wrapper{
	display: none !important;
}
/*Background*/
.privy-popup-container{
  	position: fixed !important;
  	top: 0 !important;
  	left: 0 !important;
  	right: 0 !important;
  	bottom: 0 !important;
  	width: 100vw !important;
  	height: 100% !important;
  	display: grid;
  	align-items: center;
  	justify-content: center;
  	padding: 1rem;
  	background-image: none !important;
  	background: rgb(0,0,0, .25) !important;
  	pointer-events: none;
}
/*Wrap*/
.privy-popup-content-wrap{
	position: initial !important;
    transform: none !important;
    transition: none !important;
    margin: 0 !important;
  	padding: 0 !important;
    background: white !important;
  	width: calc(100vw/24*8) !important;
    min-width: 400px !important;
    max-width: inherit !important;
  	pointer-events: all;
}
.privy-popup-inner-content-wrap{
  	display: grid !important;
	margin: 0 !important;
    padding: 0 !important;
  	width: calc(100vw/24*8) !important;
    min-width: 400px !important;
    max-width: inherit !important;
}
.privy-popup-content{
	display: grid !important;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    grid-gap: 1rem;
    justify-content: center;
    justify-items: center;
  	width: 100% !important;
  	height: auto !important;
  	padding: 4rem 4rem 1rem 4rem !important;
}
.privy-text-element-wrapper{
	width: 100% !important;
    position: initial !important;
    height: fit-content !important;
  	padding-bottom: 3rem !important;
}
#privy-container #privy-inner-container .privy .privy-popup-inner-content-wrap .privy-element-wrapper.privy-element-wrapper-absolute{
	position: initial !important;
  	height: auto !important;
    width: 100% !important;
}
.privy-text-element-wrapper *{
	text-align: center !important;
  	padding: 0 !important;
  	margin: 0 !important;
  	font-family: 'Times Now', 'Times New Roman', Times, serif !important;
	font-size: 4.5vw !important;
	font-style: normal !important;
	line-height: .9 !important;
  	letter-spacing: -1px !important;
}
#privy-container input,
#privy-container button,
#privy-container #button-submit{
  	font-family: 'Univers', sans-serif !important;
  	font-size: 16px !important;
  	line-height: normal !important;
  	letter-spacing: 0 !important;
    height: 5rem !important;
  	border-radius: 5rem !important;
  	text-align: center !important;
    padding: 0 4rem !important;
    transition: none !important;
    width: 100% !important;
    display: grid !important;
    align-content: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#privy-container input::placeholder{
	font-family: 'Univers', sans-serif !important;
  	font-size: 16px !important;
  	line-height: normal !important;
  	letter-spacing: 0 !important;
  	color: black !important;
}
#privy-container input,
#privy-container .privy-element-wrapper * input,
#privy-container input[type="email"],
#cookies ~ #privy-container #privy-inner-container .privy-popup-content input[tabindex]{
	color: black !important;
    border: 1px solid lightgray !important;
    caret-color: black !important;
    background: transparent !important;      	
}
#privy-container button,
#privy-container #button-submit{
  	background-color: #e5e5e5 !important;
    color: black !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}
.desktop #privy-container button:hover,
.desktop #privy-container #button-submit:hover{
  	background-color: #ff553a !important;
    color: white !important;
}  
/*Hemper Icon*/
#privy-container #icon{
	margin: 3rem auto 2rem;
   	text-align: center;
  	display: grid;
  	font-size: 4.5vw;
}
#privy-container #icon svg{
	max-width: 1.4em;
  	margin: auto;
  	stroke: black;
  	stroke-width: .2;
}
/*Errors*/
#privy-container .privy-alert-error,
#privy-container .privy-form-errors,
#privy-container .privy-button-element-wrapper,
#powered-privacy-container{
	display: none !important;
}
#privy-container input.error,
#privy-container .privy-element-wrapper * input.error,
#cookies ~ #privy-container #privy-inner-container .privy-popup-content input.error[tabindex]{
   	border: 1px solid #ff553a !important;
}
#privy-container input.error::placeholder{
	color: #ff553a !important;
}
/*Close Button*/
#privy-container .privy-dismiss-content{
	width: 2.5rem !important;
    height: 2.5rem !important;
    display: block !important;
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    cursor: pointer;
  	background: none !important;
}
#privy-container .privy-dismiss-content img{
	display: none !important;
}
#privy-container .privy-dismiss-content::before,
#privy-container .privy-dismiss-content::after{
    content: '';
    height: 1px;
    width: 100%;
    background: black;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 1px);
}
#privy-container .privy-dismiss-content::after {
    transform: rotate(-45deg);
}
#privy-container .privy-dismiss-content:active::before,
#privy-container .privy-dismiss-content:active::after,
.desktop #privy-container .privy-dismiss-content:hover::before,
.desktop #privy-container .privy-dismiss-content:hover::after{
      	background: #ff553a;
  	}
/*Success*/
#privy-container input.success{
   	border: 1px solid #41D873 !important;
   	pointer-events: none !important;
}
#privy-container input.success::placeholder{
   	color: #41D873 !important;
}
/*
#newsletter{
	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100vw;
  	height: 100%;  	
}
#newsletter iframe{
  	position: absolute;
  	top: 0;
  	left: 0;
	width: 100vw !important;
  	height: 100% !important;
  	max-width: none !important; 
  	background: rgb(0,0,0, .25);
}

/* COOKIES PILL
================================================== */
#cookies{
	position: sticky;
  	position: -webkit-sticky;
    bottom: 0;
  	z-index: 999;
}
#cookie-bar{
	background-color: white;
  	padding: 1.5rem 12rem 1.5rem 1.25rem;
    width: 100vw;
  	position: relative;
}
#cookies p::after{
	content: '.';
}
#cookie-bar a{
	white-space: nowrap;
}
#cookies .cb-enable{
	width: 4.5rem;
    height: 4.5rem;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  	padding: 1rem;
}
.cb-enable::before,
.cb-enable::after {
    content: '';
    height: 1px;
    width: calc(100% - 2rem);
    background: black;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 1px);
    left: 1rem;
}
.cb-enable::after {
    transform: rotate(-45deg);
}
.cb-enable:active::before,
.cb-enable:active::after,
.desktop .cb-enable:hover::before,
.desktop .cb-enable:hover::after{
	background: #ff553a;
}

/* BUTTONS
================================================== */
#add-to-cart,
#sold-out,
#checkout,
select{
	font-family: 'Univers', sans-serif;
  	font-size: 16px;
  	line-height: 1;
  	letter-spacing: 0;
  	text-transform: uppercase;
  	height: 5rem;
  	border-radius: 5rem;
  	text-align: center;
  	text-align-last: center;
  	width: 60%;
    min-width: 300px;
  	line-height: normal;
  	display: grid;
    align-items: center;
  	padding: 0 4rem;
}
#sold-out,
#add-to-cart,
#checkout{
	background-color: #e5e5e5;
}
#sold-out,
#add-to-cart:disabled{
  	color: #BBB;
  	pointer-events: none;
}
#add-to-cart:active,
#checkout:active,
.desktop #add-to-cart:hover,
.desktop #checkout:hover{
	background-color: #ff553a;
  	color: white;
}
select{
	border: 1px solid lightgray;
  	cursor: pointer;
}
select:active,
.desktop select:hover{
	border: 1px solid #ff553a;
  	color: #ff553a;
}

/* DEVICE LANDSCAPE
================================================== */
#device-card{
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 999;
    background: black;
  	color: white;
  	display: none;
  	font-size: 10vw;
    line-height: .9;
  	text-align: center;
  	align-content: center;
  	user-select: none;
}
#device-card span{
	display: grid;
  	grid-template-columns: min-content 1.25em;
    grid-gap: .25em;
    justify-self: center;
}
#device-card svg{
	fill: white;
  	width: 100%;
  	overflow: visible;
}
@media (max-width: 812px) and (orientation: landscape) {
  	.tablet header,
  	.tablet main,
  	.tablet footer,
  	.mobile header,
  	.mobile main,
  	.mobile footer{
    	display: none !important;
    }
	.tablet #device-card,
  	.mobile #device-card{
    	display: grid !important;
    }
}


/* RESPONSIVE
================================================== */
/*BIGGER DESKTOP*/
@media (min-width: 1921px){
  	/*Texts*/
  	html{
    	font-size: 20px;
    }
  	body,
  	h1,
  	h2,
  	input{
      	font-size: 100px;
    }
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 100px !important;
    }
	.univers,
    #add-to-cart,
    #sold-out,
    #checkout,
    select{  
        font-size: 20px;
    }
  	#privy-container input,
	#privy-container button,
	#privy-container #button-submit,
	#privy-container input::placeholder{
		font-size: 20px !important;
	}
  	#landing{
    	font-size: 160px;
    }
  	/*Blogs*/
  	.blog-diaries{
    	grid-template-columns: repeat(4, 1fr);
    }
  	.blog-collabs{
    	grid-template-columns: repeat(3, 1fr);
    }
  	/*Store*/
  	.products .product{
    	width: calc(100%/5);
    }
  	.products .product a{
    	height: 24vw;
    }
  	.products .image{
    	width: calc(100%/5*2);
    }
  	/*Buttons*/
  	#add-to-cart,
  	#sold-out,
  	#checkout,
  	select{
      	height: 4rem;
    }
}

/*NORMAL DESKTOP*/
@media (min-width: 1681px) and (max-width: 1920px){
  	/*Texts*/
  	html{
    	font-size: 15px;
    }
  	body,
  	h1,
  	h2,
  	input{
      	font-size: 76px;
    }  	
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 76px !important;
    }
  	.univers,
    #add-to-cart,
    #sold-out,
    #checkout,
    select{  
        font-size: 18px;
    } 
  	#privy-container input,
	#privy-container button,
	#privy-container #button-submit,
	#privy-container input::placeholder{
		font-size: 18px !important;
	}
  	#landing{
    	font-size: 120px;
    }
  	/*Buttons*/
  	#add-to-cart,
  	#sold-out,
  	#checkout,
  	select{
      	height: 4rem;
    }
}
/*BIG LAPTOP*/
@media (min-width: 1281px) and (max-width: 1680px){
	/*Texts*/
  	body,
  	h1,
  	h2,
  	input{
      	font-size: 68px;
    }  
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 68px !important;
    }
  	#landing{
    	font-size: 108px;
    }
}

/*IPAD*/
@media (min-width: 601px) and (max-width: 1024px){
  	/*Texts*/
	.univers,
    #add-to-cart,
    #sold-out,
    #checkout,
    select{  
        font-size: 14px;
    }
  	#privy-container input,
	#privy-container button,
	#privy-container #button-submit,
	#privy-container input::placeholder{
		font-size: 14px !important;
	}
}
      
/*MOBILE*/
@media (max-width: 812px){
    /*Texts*/
    body,
    h1,
    h2,
    input{
      	font-size: 52px;
      	line-height: .9;
    }
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 52px !important;
    }
  	#landing{
    	font-size: 10vw;
      	line-height: .9;
    } 
  	/*Header*/
  	header{
      	grid-template-columns: 1fr;
      	display: flex;
      	flex-wrap: wrap-reverse;
    }
  	#menu-button{
    	display: block;
      	position: absolute;
      	top: 1rem;
      	right: 1rem;
      	cursor: pointer;
    }
  	#menu-button:active,
  	.desktop #menu-button:hover{
    	color: #ff553a;
    }
  	header wrap{
      	/*display: none;*/
      	width: 100%;
      	padding-left: 0;
      	padding-right: 25%;
      	grid-template-columns: 1fr;
      	margin-bottom: 4rem;
      	/*transition: margin-top .6s ease-in-out;*/
    }  
  	header wrap #menu-wrap{
        display: none !important;
    }
    header wrap #menu-wrap-mobile{
        display: grid;
	}
  	header wrap #menu-wrap-mobile{
    	margin-bottom: 4rem;
    }
  	menu{
      	grid-template-columns: 1fr;
      	/*transition: none;
    	margin-top: 0 !important;*/
      	padding-bottom: 0 !important;
    }  
  	nav{
    	position: initial !important;
    }
  	#menu-active{
    	color: #ff553a;
    }
  	#search input,
  	#search-mobile input{
    	width: 100%;
    }
  	#search input.active::placeholder,
  	#search-mobile input.active::placeholder{
    	color: #ff553a;
    }
  	#submenu,
  	.submenu-mobile{
      	position: initial !important;
    	margin-left: 7rem;
    }
  	.submenu-mobile.active{
    	display: block !important;
    }
  	.menu-mobile-parent{
      	width: fit-content;
      	width: -moz-fit-content;    	
    }
  	.menu-mobile-parent:active,
  	.desktop .menu-mobile-parent:hover{
    	color: #ff553a;
    }
  	#bag{
      	position: initial;
    	justify-self: flex-start;
      	display: inline-grid;
    }
  	#bag.active{
  		color: #ff553a;
  	}
    /*Footer*/
    footer{
      	grid-template-columns: 1fr;
      	padding-bottom: 2rem;
    }
  	footer wrap{
    	padding: 0;
      	grid-template-columns: 1fr;
    }
    #footer-logo,
    #footer-submenu-trigger{
      	display: none;
    }
  	#footer-submenu-content{
    	display: grid !important;
    }
    #back-to-top{
      	position: initial;
      	margin-top: 4rem;
    }
    /*Sections*/
    #title{
      	width: 100%;
      	margin: 8rem 0 0;
      	margin-left: 0 !important;
    }
  	#title-contact{
    	width: 100%;
      	margin: 8rem 0 -4rem;
      	margin-left: 0 !important;
    }
    .section-description{
      	width: 100% !important;
    }
    /*Pages*/
  	#page-content{
    	padding: 8rem 0;
    }
  	.shopify-section{
    	grid-gap: 8rem;
    }
    section:nth-child(odd){
      	padding: 0 !important;
    }
    section:nth-child(odd) img.full,
    section:nth-child(odd) video.full,
    section:nth-child(odd) .iframe-wrap.full{
      	margin: 0 !important;
    }
  	section:nth-child(odd) .iframe-wrap.big{
		height: 56vw;
	}
  	section:nth-child(odd) .iframe-wrap.medium{
      	height: 32vw;
  	}
  	section:nth-child(odd) .iframe-wrap.small{
  	    height: 22vw;
  	}
 	section:nth-child(odd) .iframe-wrap.smaller{
  	    height: 10vw;
  	}
  	section:nth-child(even) p{
    	padding-right: 1rem !important;
    }
  	section p.column{
    	column-count: 2;
      	column-gap: 4rem;
      	padding-right: 4rem !important;
    }
  	section:nth-child(even) p.column{
    	padding-right: 4rem !important;
    }
    /*Legal Pages*/
    .policy-body{
      	width: 100%;
      	min-width: auto;
      	max-width: 600px;
      	margin-left: 0 !important;
    }
    /*Blogs*/
    .blog-collabs{
    	grid-template-columns: 1fr;
    }
  	.blog-collabs .article img{
        height: 68vw;
    }
    .blog-diaries{
      	grid-template-columns: 1fr 1fr;
    }  
  	/*Article*/
  	#article-title{
    	display: none;
    }
  	#article-title-mobile{
    	display: block;
      	margin-bottom: 4rem;
    }
  	#article-title-mobile.alone{
    	margin-bottom: 12rem;
    }
  	#article-title-mobile.full{
    	margin-top: 12rem;
    }
  	#article-description.full{
        margin: 0 auto 12rem;
    }
  	.template-article main{
    	height: auto !important;
    }
  	.tablet #article-header,
  	.mobile #article-header{
    	height: auto !important;
      	margin-top: calc(.9em + 1rem);
    }
  	#article-header{
    
    }
  	#article-description{
    	min-width: auto;
		width: 100%;
   	}  	
  	#article-footer{
      	margin-left: 0 !important;
      	display: grid;
  		grid-template-columns: 6fr 18fr;
    	grid-gap: 1rem;
    }
  	#article-footer blank{
    	display: block;
    }
  	#credits{
    	padding: 0;
    }
    /*Shop*/
    .products .product{
      	width: calc(100%/3);
    }
    .products .product a{
      	height: 40vw;
    }
    .products .image{
      	width: calc(100%/3*2);
    }  
  	/*Product Page*/
  	#slider{
    	height: 100vw !important;
    }
  	#slider img{
    	width: calc(80vw - 2rem);
      	height: 100vw;
    }
  	#infos-wrap{
    	grid-template-columns: 6fr 18fr;
      	grid-gap: 1rem
    }  	
  	.product-collection span{
    	display: none;
    }
  	/*Search*/
  	.template-search .products{
    	padding-top: 8rem;
    }  
  	/*Bag*/
  	#your-shopping-cart #title{
      	display: none;
  	}
  	#bag-wrap{
    	padding: 8rem 0 11rem;
    }
  	#bag-header,
  	.bag-item{
    	grid-template-columns: 6fr 18fr;
    }
  	#bag-header wrap,
  	.bag-item wrap {
    	grid-template-columns: 8fr 5fr 5fr;
    }
  	.cart-product-quantity{
    	grid-template-columns: min-content 1.25em min-content;
    }
  	#bag-footer{
      	grid-template-columns: 6fr 18fr;
    	grid-gap: 1rem;
    }
  	.product-collection a{
    	display: none;
    }
  	/*Empty Bag*/
  	#empty-bag{
    	padding-top: 8rem;
      	text-transform: lowercase;
    }  	
  	#empty-bag span{
    	text-transform: initial;
    }
  	#empty-bag span::after{
    	content: ', ';
    }
  	/*Buttons*/
  	#add-to-cart,
  	#sold-out,
  	#checkout,
  	select{
      	width: 100%;
    }
}

/*MOBILE*/
@media (max-width: 600px){
  	/*Texts*/
  	html{
    	font-size: 5px;
    }
  	body,
    h1,
    h2,
    input{
      	font-size: 36px;
      	line-height: .9;
    }  
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 36px !important;
    }	
  	.univers,
    #add-to-cart,
    #sold-out,
    #checkout,
    select{  
        font-size: 13px;
    }
  	#privy-container input,
	#privy-container button,
	#privy-container #button-submit,
	#privy-container input::placeholder{
		font-size: 13px !important;
	}
  	/*Newsletter*/
  	#privy-container #icon svg{
  		stroke: none !important;
	}
  	/*Landing*/
  	svg{
    	stroke: none !important;
    }
  	/*Header*/
  	#logo{
    	grid-gap: 2rem;
    }
  	/*Footer*/
  	footer{
      	padding-bottom: 2.5rem;
    }
  	/*Cookies*/
  	#cookie-bar{
        background-color: white;
        padding: 2rem 12rem 2rem 2rem;
        width: 100vw;
        position: relative;
    }
    #cookies .cb-enable{
        width: 7rem;
        height: 7rem;
        top: 1rem;
        transform: none;
        right: 0rem;
    }
  	/*Pages*/
  	section img.big,
  	section video.big,
  	section .iframe-wrap.big{
      	width: 100%;    
    }
  	section .iframe-wrap.full,
  	section .iframe-wrap.big{
    	height: 56vw !important;
    }
  	section img.medium,
  	section video.medium,
  	section .iframe-wrap.medium,
  	section img.small,
  	section video.small,
  	section .iframe-wrap.small{
    	width: 50%;
    }
  	section .iframe-wrap.small{
    	height: 32vw !important;
    }
  	section img.smaller,
  	section video.smaller,
  	section .iframe-wrap.smaller{
    	width: 25%;
    }
  	section .iframe-wrap.smaller{
    	height: 15vw !important;
    }	
  	/*Legal Pages*/
  	.policy-body{
    	padding-right: 3rem;
    }
	/*Blogs*/
    .blog-diaries{
      	grid-template-columns: 1fr;
    }
  	/*Article*/
  	.template-article main:last-of-type{
		padding-bottom: 8rem;
	}
  	.template-article main wrap{
    	display: grid;
		flex-wrap: wrap;
		grid-gap: 0;
		padding: 0;
      	margin: 0 !important;
    }  
  	.article-image-wrap.small,
  	.article-image-wrap.medium,
  	.article-image-wrap.large,
  	.article-image-wrap.grande{
    	width: 100%;
      	padding: 0 0 1rem 0;
      	margin: 0;
    }
  	.article-image-caption{
    	padding-bottom: 3rem;
    }
  	.article-image-wrap:last-of-type .article-image-caption{
    	padding: 0;
    }
  	#article-footer{
    	grid-template-columns: 1fr;
      	padding: 7rem 0 1rem;
    }
  	#article-footer blank{
    	display: none;
    }
  	#credits{
    	min-width: auto;
      	max-width: auto;
      	width: 100%;
      	margin: 0;
      	padding-right: 11rem;
    }
  	/*Shop*/
    .products .product{
      	width: calc(100%/2);
    }
    .products .product a{
      	height: 60vw;
    }
    .products .image{
      	width: 100%;
    }
  	/*Product Page*/
  	#infos-wrap{
    	grid-template-columns: 1fr;
    }  	
  	.product-collection{
    	display: none;
    }
  	#product-info{
      	display: grid;
      	grid-template-columns: 9fr 1fr;
      	grid-gap: 2rem;
    	padding-right: 1rem;
    }
  	#product-description{
    	min-width: auto;
      	width: 100%;
      	margin-right: 0;
    }
  	#product-signs{
      	height: fit-content;
      	height: -moz-fit-content;
    }
  	#product-signs img{
    	width: 6rem;
    }
  	#wrap-actions{
    	grid-gap: 2rem;
    } 
  	/*Search*/ 
  	#empty-search{
    	text-transform: lowercase;
    }
  	#empty-search br{
    	display: none;
    }
  	#empty-search span{
    	text-transform: initial;
    }
  	#empty-search span::after{
    	content: ', ';
    }
  	/*Bag*/
  	#bag-header blank,
  	#bag-header div{
    	display: none;
    }
  	#bag-header div:first-of-type{
    	display: block;
    }
  	#bag-header,
  	.bag-item{
    	grid-template-columns: 1fr 1fr;
      	grid-gap: 2rem;
    }
  	#bag-header wrap{
    	display: block;
    }
  	.bag-item wrap{
    	grid-template-columns: auto;
      	grid-template-rows: 1fr min-content min-content;
    }
  	.item-info .item-price{
    	display: none;
    }
  	#bag-footer{
    	grid-template-columns: 1fr;
    }
  	/*Empty Bag*/
  	#empty-bag br{
    	display: none;
    }
  	/*Buttons*/
  	#add-to-cart,
  	#sold-out,
  	#checkout,
  	select{
      	height: 10rem;
    }
  
  	/*Newsletter*/
  	.privy-popup-content{
    	grid-gap: 2rem;
    }
  	#privy-container input,
  	#privy-container button,
  	#privy-container #button-submit{
      	height: 10rem !important;
    }
  	#privy-container .privy-dismiss-content{
    	width: 5rem !important;
    	height: 5rem !important;
    }
  	.privy-popup-content-wrap,
  	.privy-popup-inner-content-wrap{
    	width: calc(100vw - 2rem) !important;
        min-width: inherit !important;
        max-width: 400px !important;
    }
  	.privy-popup-content{
    	padding: 8rem 3rem 4rem 3rem !important;
    }
  	#privy-container #icon{
    	margin-top: 6rem !important;
    }
}

/*SMALL MOBILE*/
@media (max-width: 320px){
  	/*Texts*/
  	body,
    h1,
    h2,
    input{
      	font-size: 32px;
    }  
  	#privy-container #icon,
  	.privy-text-element-wrapper *{
    	font-size: 32px !important;
    }
  	.univers,
    #add-to-cart,
    #sold-out,
    #checkout,
    select{  
        font-size: 12px;
    }
  	#privy-container input,
	#privy-container button,
	#privy-container #button-submit,
	#privy-container input::placeholder{
		font-size: 12px !important;
	}
  	/*Legal Pages*/
  	.policy-body{
    	padding-right: 0;
    }
	/*Shop*/
  	.products .image{
    	display: none;
    }
    .products .product{
      	width: 100%;
    }
  	.products .product a{
      	height: 120vw;
    }  	
  	/*Product Page*/
  	#product-info{
    	grid-template-columns: 7fr 1fr;
    }  
  	/*Article*/
 	section img.smaller,
  	section video.smaller,
  	section .iframe-wrap.smaller{
    	width: 50%;
    } 
  	section .iframe-wrap.smaller{
  		height: 32vw !important;
    }
}