body {
	margin: 0;
	font-family: sans-serif;
}

#container {
	width: 1440px;
	max-width: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,.6);
	padding-bottom: 100px;
}

#home {
display: flex;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background-image: url(Web_L_1440.jpg);
    background-size: cover;
}
#home {
	max-height: none;
}

.maxheight #home {
    max-height: 940px;

}

#home img {
    object-fit: contain;
    object-position: top left;
    max-width: 100%;
    
}

#shop img {
	max-width: 100%;
	height: auto;
}

#shop {
    display: flex;
    position: relative;
    margin: 0 auto;
    width: 800px;
    max-width: 95%;
    box-shadow: 0 15px 55px rgba(0,0,0,0.08);
    min-height: 500px;
    margin-top: -78px;
    z-index: 2;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    transition: all 500ms;
}
#shop a {
	width: 100%;
	height: 100%;
}

.fullheight #shop.visible, .maxheight #shop {
	padding: 45px 45px 55px 45px;
	width: 1009px;
	margin-top: -120px;
}

a.switch-view {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 30px;
	z-index: 3;
	background-color: #E2002A;
	text-align: center;
	box-shadow: 0 15px 55px rgba(0,0,0,0.08);
	transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.switch-view:hover {
	background-color: #868686;
	
}