* {
  box-sizing:border-box;
}

:root {
  --black:#000;
  --white:#fff;
  --header-height:80px;
}

html,
body {
  margin:0;
  min-height:100%;
}

body {
  background:var(--white);
  color:var(--black);
  font-family:"futura-pt-condensed", sans-serif;
}

.collection-directory {
  width:1680px;
  max-width:100%;
  height:880px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

.collection-directory > a {
  position:absolute;
  display:block;
  text-decoration:none;
  will-change:transform;
}

.collection-directory > a img {
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
}

.collection-eternal {
  left:185px;
  top:246px;
  width:344px;
}

.collection-reflections {
  left:575px;
  top:348px;
  width:625px;
}

.collection-catelier {
  left:1238px;
  top:504px;
  width:292px;
}

.collection-directory-page .footer {
  margin-top:0;
}