*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  overflow: hidden;
}

.section{
  position: relative;

  min-height: 100vh;
  min-width: 100%;

  background: #fff url('../img/background.jpg') center no-repeat;
  background-size: cover;

  z-index: -1;
}

.section-layer{
  position: absolute;
  left: -1%;
  top: -1%;

  width: 100%;
  height: 100%;

  background-size: cover;
}

.layer-filledpolygons{
  background: url('../img/thing.png') center no-repeat;
  background-size: cover;
}



.layer-lettercuts{
  background: url('../img/thing2.gif') center no-repeat;
  background-size: cover;
}


.layer-lettercuts2{
  background: url('../img/thing2_1.gif') center no-repeat;
  background-size: cover;
}


.layer-text{
  background: url('../img/thing3.png') center no-repeat;
  background-size: cover;
}

.layer-arereal{
  background: url('../img/fof.png') center no-repeat;
  background-size: cover;
  
}

.layer-polygons{
  background: url('../img/thing4.png') center no-repeat;
  background-size: cover;
}

/* .layer-unicorn{
  background: url('../img/3.gif') center no-repeat;
  background-size: cover;
} */