.spacer{
  display:-ms-flexbox;
  display:flex
}

.spacer--small{
  margin:12px 0
}

@media (min-width: 768px){
  .spacer--small{
    margin:16px 0
  }
}

@media (min-width: 1280px){
  .spacer--small{
    margin:24px 0
  }
}

.spacer--medium{
  margin:20px 0
}

@media (min-width: 768px){
  .spacer--medium{
    margin:24px 0
  }
}

@media (min-width: 1280px){
  .spacer--medium{
    margin:32px 0
  }
}

.spacer--large{
  margin:28px 0
}

@media (min-width: 768px){
  .spacer--large{
    margin:36px 0
  }
}

@media (min-width: 1280px){
  .spacer--large{
    margin:44px 0
  }
}

.spacer.is-admin{
  position:relative
}

.spacer.is-admin::before{
  background-image:linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 75%, transparent 75%, transparent);
  background-size:30px 30px;
  bottom:0;
  content:"";
  display:block;
  left:0;
  opacity:0.3;
  position:absolute;
  right:0;
  top:0
}