/*-----------------
* palette
* ----------------
*
*/

/******** Header *********/
header {
  position: absolute;
  width: 100%;
  z-index: 99;
  padding: 30px;

  .right-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

}

img.company-logo {
  width: 200px;
}

.slider_wrap {
  position: relative;

  .slider-left {
    background: #000;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px;
    position: relative;


    .swiper-content {
      padding: 10px 0 15px;
    }

    h1#slider-text {
      font-size: 46px;
      color: #fff;
    }

  }

  .slider-right--overimg {
    position: absolute;
    width: auto;
    bottom: 0;
    right: 0;
    z-index: 9;
    height: auto;
    pointer-events: none;


  }
}

/******** Responsive ***********/

/* XXL > 1400 */

/* XL */
@media (max-width: 1400px) {}

/* L */
@media (max-width: 1200px) {
  img.company-logo {
    width: 150px;
  }
}

/* M */
@media (max-width: 992px) {


  .slider_wrap {
    & .slider-left {
      h1#slider-text {
        font-size: 40px;
      }
    }
  }
}

/* S */
@media (max-width: 768px) {
  .slider_wrap {
    & .slider-left {
      h1#slider-text {
        font-size: 36px;
      }
    }
  }

  .slider_wrap {
    & .slider-left {
      position: absolute;
      z-index: 9;
    }
  }
}

/* XS */
@media (max-width: 576px) {}