html {
  font-size: 16px;
}

body {
  font-family: 'Raleway', sans-serif;

}

@media (min-width: 992px) {
  body {
    padding: 0 16px 63px;
  }
}

/*p {*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*font-size: 25px;*/
  /*line-height: 29px;*/
/*}*/

strong,
b {
  font-weight: 700;
}
p {
  font-feature-settings: "lnum" 1;
}
.offscreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.hideOnMobile {
  display: none !important;
}

.hideOnDesktop {
  display: block;
}

.main-wrap {
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
  max-width: 100vw;
  min-width: 320px;
}



@keyframes slideFromRight {
  0% {
    transform: translateX(140%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes slideFromLeft {
  0% {
    transform: translateX(-140%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }

  100% {
    transform: translateX(0%);
  }
}


@keyframes stretch {
  0% {
    transform: scale(.8);
  }

  50% {

  }

  100% {
    transform: scale(1.2);
  }
}