.hero-slide {
    background: center center/cover no-repeat;
    background-size: 100%; }
    .hero-slide--1 {
      background-image: url(../images/slider/slide-1.png); }
    .hero-slide--2 {
      background-image: url(../images/slider/slide-2.png); }
    .hero-slide--3 {
      background-image: url(../images/slider/slide-3.png); }