.im_wrapper {
	position: relative;
}

.im_wrapper2 {
	position: absolute;
    top: 60px;
    left: 100px;
    z-index: -100;
    display: none;
}

.im_wrapper:hover > .im_wrapper2 {
	display: block;
}


.im_wrapper3 {
	position: relative;
}

.im_wrapper4 {
	position: absolute;
    top: -150px;
    left: 950px;
    z-index: -100;
    display: none;
    
}

.im_wrapper3:hover > .im_wrapper4 {
	display: block;
}


.im_wrapper5 {
	position: relative;
}

.im_wrapper6 {
	position: absolute;
    top:70px;
    left: 300px;
    z-index: -100;
    display: none;
    
}

.im_wrapper5:hover > .im_wrapper6 {
	display: block;
}















.hover-title {
    display: inline;
    pointer-events: auto;
    cursor: pointer;
}

.hover-image {
    visibility: hidden;
}

body:not(.mobile) .hover-title:hover + .hover-image {
    visibility: visible;
    pointer-events: none;
}

.hover-image {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;

/* Change width and height to scale images */
    width: 90vw;
    height: 90vh;
}

.hover-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}




















.hover-image {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;

 
    
/* Change width and height to scale images */
    width: 60vw;
    height: 60vh;
}

.hover-image img {
    max-width: 200% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}




.im_wrapper {
	position: relative;
}
.hover_im {
	position: absolute;
    top:250px;
    left: 200px;
    z-index: -100;
    display: none;
}
.image_wrapper:hover > .hover_im {
	 display: initial
}



@font-face {
font-family: 'Altoma';
    src: url(https://files.cargocollective.com/c1219651/Altoma.otf);
    font-style: normal;
    font-weight: 100;
   
   
 
}

h1 {
	font-family: Altoma;
    font-weight: 100;
     

}


s {
	text-decoration: line-through;
}

[data-predefined-style="true"] bodycopy {
	font-size: 2.5rem;
	font-weight: normal;
	color: #080101;
	font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 00.2rem;
}

[data-predefined-style="true"] bodycopy a {
	color: #080101;
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}


[data-predefined-style="true"] h2 {
	font-family: "Diatype Mono Variable", Icons;
	padding: 0;
	margin: 0;
	color: rgb(0, 0, 0);
	font-size: 1.6rem;
	line-height: 1;
	font-style: normal;
	font-weight: 279;
	font-variation-settings: 'slnt' 0, 'MONO' 1;
	}


[data-css-preset] body {
	background-color: #f9f6f6/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 0.9rem/*!main_margin*/;
	padding-bottom: 0.9rem/*!main_margin*/;
	padding-left: 0.9rem/*!main_margin*/;
	padding-right: 0.9rem/*!main_margin*/;
}

[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}