/*!
 * PreenMe-corp v0.0.1
 * Landing page for corm.preenme
 * (c) 2020 Bohdan Ilba
 * MIT License
 * https://bitbucket.org/nitzanv/preenme_corp
 */

@import url("https://fonts.googleapis.com/css?family=Signika&display=swap");
/* line 4, src/sass/components/header.scss */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 9, src/sass/components/header.scss */
.button_main.disabled {
  background-color: #babfc4;
}

/* line 13, src/sass/components/header.scss */
.button_main:focus, .button_main:active {
  outline: none;
}

/* line 18, src/sass/components/header.scss */
.button {
  font-family: Signika, sans-serif;
}

/* line 21, src/sass/components/header.scss */
.button_main {
  padding: 5px 15px;
  font-size: 17px;
  border-radius: 1px;
  background-color: #424242;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
}

@media (max-width: 768px) {
  /* line 21, src/sass/components/header.scss */
  .button_main {
    font-size: 1.25em;
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* line 40, src/sass/components/header.scss */
.header {
  height: 100px;
  padding: 34px 12.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: white;
}

/* line 48, src/sass/components/header.scss */
.header_logo {
  position: relative;
  top: 4px;
  width: 195px;
  height: 33px;
}

@media (max-width: 768px) {
  /* line 48, src/sass/components/header.scss */
  .header_logo {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 58, src/sass/components/header.scss */
  .header .button_main {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 40, src/sass/components/header.scss */
  .header {
    padding: 17px 30%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 120px;
    width: 100%;
  }
}

@media (max-width: 450px) {
  /* line 40, src/sass/components/header.scss */
  .header {
    height: 60px;
  }
}