@font-face {
  font-family: Karbon;
  src: url("../assets/fonts/KarbonRegular.eot");
  src: url("../assets/fonts/KarbonRegular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/KarbonRegular.woff") format("woff"), url("../assets/fonts/KarbonRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Karbon;
  src: url("../assets/fonts/KarbonBold.eot");
  src: url("../assets/fonts/KarbonBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/KarbonBold.woff") format("woff"), url("../assets/fonts/KarbonBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal; }

html {
  scroll-behavior: smooth; }

body {
  margin: 0;
  background: #fff;
  font-family: Lato, sans-serif;
  color: #222;
  font-size: 18px; }

button {
  background-color: transparent;
  border: none;
  outline: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: 1;
  cursor: pointer; }

a {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  transition: color .2s; }
  a:hover {
    color: #f05a24; }

sup {
  font-size: 0.5em;
  margin-left: 0.2em; }

.header {
  padding: 30px; }
  .header .wrapper {
    max-width: 800px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .header h1 {
    margin: 0 20px 0 0; }
    .header h1 img {
      height: 60px; }
  .header a {
    font-size: 16px; }
  .header .product-link {
    display: none; }
    @media (min-width: 1000px) {
      .header .product-link {
        display: block; } }

.cover {
  padding: 30px;
  text-align: center; }
  .cover .wrapper {
    max-width: 800px;
    margin: auto; }
  .cover .title {
    font-size: 38px;
    margin: 0 0 50px; }
  .cover p {
    font-size: 20px; }
  .cover .image {
    margin-top: 10px;
    width: 100%; }

.product {
  padding: 24px;
  max-width: 800px;
  margin: 0 auto 24px; }
  .product .image img {
    width: 100%; }
  .product h2 {
    font-size: 28px;
    line-height: 1.25; }
  .product p {
    font-size: 18px;
    line-height: 1.5; }
  .product .card-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px; }
  .product .card, .product .specs {
    margin: 0 10px 10px 0;
    padding: 20px;
    width: calc(50% - 50px);
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    background-color: rgba(27, 20, 99, 0.1); }
    .product .card .highlight, .product .specs .highlight {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 15px; }
    .product .card.gray, .product .gray.specs {
      background-color: #eee; }
  .product .specs {
    background-color: #eee;
    width: calc(100% - 40px); }

.contact {
  padding: 20px;
  max-width: 800px;
  margin: auto;
  margin-bottom: 100px; }

.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100; }
  .whatsapp .icon {
    margin-top: 16px; }
  .whatsapp:hover {
    color: #222; }


/*# sourceMappingURL=style.css.map*/