.bg-primary {
  background-color: #3C508A;
}

.bg-secondary {
  background-color: #017F6A;
}

@font-face {
  font-family: "bahnschriftregular";
  src: url("../bahnschrift_1-webfont.woff2") format("woff2"), url("../bahnschrift_1-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ink_freeregular";
  src: url("../inkfree-webfont.woff2") format("woff2"), url("../inkfree-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.script {
  font-family: "ink_freeregular";
}

body {
  font-family: "bahnschriftregular";
  font-size: 19px;
  line-height: 1.3;
  color: #fff;
  font-display: swap;
  font-weight: 100;
  background-color: #3C508A;
}
@media screen and (max-width: 650px) {
  body {
    font-size: 16px;
  }
}

section {
  padding: 0 30px;
  float: left;
  width: 100%;
  position: relative;
}

p {
  font-weight: bold;
}

@media screen and (max-width: 1930px) {
  .shape {
    width: 300px;
  }
}
@media screen and (max-width: 1730px) {
  .shape {
    width: 250px;
  }
}
@media screen and (max-width: 1400px) {
  .shape {
    width: 175px;
  }
}