@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Light-Web.eot');
  src: url('../fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Light-Web.woff2') format('woff2'), url('../fonts/Graphik-Light-Web.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Regular-Web.eot');
  src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular-Web.woff2') format('woff2'), url('../fonts/Graphik-Regular-Web.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Medium-Web.eot');
  src: url('../fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium-Web.woff2') format('woff2'), url('../fonts/Graphik-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Bold-Web.eot');
  src: url('../fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Bold-Web.woff2') format('woff2'), url('../fonts/Graphik-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Baton Turbo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/BatonTurboWeb-Regular.woff2') format('woff2'),
  url('../fonts/BatonTurboWeb-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Baton Turbo Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  ascent-override: 94.98%;
  descent-override: 24.99%;
  line-gap-override: 0%;
  size-adjust: 100.03%;
}

@font-face {
  font-family: 'Baton Turbo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/BatonTurboWeb-Medium.woff2') format('woff2'),
  url('../fonts/BatonTurboWeb-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Baton Turbo Fallback';
  font-style: normal;
  font-weight: 600;
  src: local('Arial');
  ascent-override: 92.46%;
  descent-override: 24.33%;
  line-gap-override: 0%;
  size-adjust: 102.75%;
}

* {
  font-family: 'Baton Turbo', serif;
}

body {
  padding: 60px 120px;
  background-color: #f6f6f6;
  margin: 0;
}

h1 {
  font-family: "Baton Turbo", serif;
  font-weight: 700;
  font-size: 52px;
  margin: 0 0 16px 0;
}

p {
  font-family: "Baton Turbo", serif;
  font-weight: 400;
  margin: 0;
}

.description {
  font-size: 18px;
  max-width: 570px;
  margin-bottom: 28px;
}

/* Main Image - START */
.main-container {
  display: flex;
  justify-content: space-between;
}

.main-content-container {
  margin-right: 80px;
}

.main-image-container {
  width: 50%;
  text-align: center;
}

.main-image-container svg {
  max-height: 600px;
}

.main-image {
  max-width: 100%;
  width: 500px;
}

@media screen and (max-width: 1110px) {
  .main-container {
    flex-direction: column-reverse;
  }

  .main-content-container {
    margin-top: 24px;
    margin-right: 0;
    margin-bottom: 56px;
  }

  .main-image-container {
    width: 100%;
    max-height: 246px;
  }

  .main-image-container svg {
    max-width: 100%;
    max-height: 246px;
  }
}
/* Main Image - START */

@media screen and (max-width: 1240px) {
  body {
    padding: 0 20px;
  }
}