* {
  font-family: 'Urbanist', sans-serif;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.routerlink {
  text-decoration: none !important;
}

html {
  scroll-behavior: smooth;
}

.routerlink:hover {
  color: #1d76bb;
}

body {
  overflow-x: hidden;
}

.mainHeadline {
  font-size: 42pt;
  line-height: 48pt;
  letter-spacing: 2px;
  color: #1d76bb;
  margin-bottom: 20px;
}

.smallerHeadline {
  font-size: 26pt;
  line-height: 36pt;
  letter-spacing: 2px;
  color: #1d76bb;
  margin-bottom: 30px;
  font-weight: bold;
}

.white {
  color: white;
}

.smallHeadline {
  color: white;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: 2px;
}

.bodyText {
  font-size: 13pt;
  line-height: 18pt;
  color: #818285;
  margin-bottom: 10px;
}

.mainBtn {
  color: #1d76bb;
  padding: 10px 15px;
  border-radius: 25px;
  border: 1px solid white;
  background-color: white;
}

.mainBtn {
  color: #1d76bb;
  padding: 10px 40px;
  border-radius: 25px;
  border: 1px solid white;
  background-color: white;
}

.mainBtn:hover {
  color: white;
  background-color: transparent;
}

.blueBtn {
  color: white;
  padding: 10px 40px;
  border-radius: 30px;
  border: 1px solid #1d76bb;
  background-color: #1d76bb;
}

.blueBtn:hover {
  color: #1d76bb;
  background-color: transparent;
}

@media screen and (max-width: 1700px) {
  .container {
    width: 70vw;
    -ms-grid-columns: 1.35fr 1fr;
        grid-template-columns: 1.35fr 1fr;
    gap: 80px;
    padding: 80px 0;
  }
}
/*# sourceMappingURL=styles.css.map */