.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}

body {
max-width: 700px;
margin: 0 auto;
}


.menu {
font-family: 'Overpass', sans-serif;
font-size:1.5em;
mix-blend-mode:difference;
position:fixed;
z-index:200;
margin-right:10vw;
width:50px;
left:2vw;
top:1vw;
}

.menu a {
position:relative;
color:pink;
text-decoration:none;
}

@media (max-width: 1000px) {

a {
pointer-events: none;
cursor: default;
}

.right {
position: relative;
float:right;
margin-right:0vw;
margin-top:1vw;
width:100vw;
height:100vw;
background-color:grey;
}

.center {
position: relative;
float:center;
margin-right:0vw;
margin-left:0vw;
margin-top:1vw;
width:100vw;
height:100vw;
}

.left {
position: relative;
float:left;
margin-left:0vw;
margin-top:1vw;
width:100vw;
height:100vw;
background-color:grey;
}

.bound {
margin-bottom:1vw;
position: relative;
overflow:hidden;
width:100vw;
}

body {
margin:0;
padding:0;
}

a {
width:90vh;
height:90vh;
}

.lb-outerContainer {
width:90vh;
height:90vh;
}

.lb-image {
width:90vh;
height:90vh;
}

img {
display:inline;
}

.menu {
font-family: 'Overpass', sans-serif;
font-size:1.5em;
mix-blend-mode:difference;
position:fixed;
z-index:200;
margin-right:10vw;
width:50px;
left:4vw;
top:1vw;
}

}


@media (min-width: 1000px) {
.right {
position: relative;
float:right;
margin-right:1vw;
margin-top:1vw;
width:32vw;
height:32vw;
background-color:grey;
}

.center {
position: relative;
float:center;
margin-right:1vw;
margin-left:1vw;
margin-top:1vw;
width:32vw;
height:32vw;
}

.left {
position: relative;
float:left;
margin-left:1vw;
margin-top:1vw;
width:32vw;
height:32vw;
background-color:grey;
}

.bound {
margin-bottom:1vw;
position: relative;
overflow:hidden;
width:100vw;
}

body {
margin:0;
padding:0;
}

a {
width:90vh;
height:90vh;
}

.lb-outerContainer {
width:90vh;
height:90vh;
}

.lb-image {
width:90vh;
height:90vh;
}

img {
display:inline;
}






}