@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

html {
          font-size: 14px;
          color: black;
}

body {
          max-width: 1140px;
          margin-left: auto;
          margin-right: auto;
          padding: 64px;
          font-family: 'Open Sans', sans-serif;
          font-size: 1.25rem;
}

h1 {
          font-family: 'Jost', sans-serif;
          font-weight: 400;
          font-size: 3rem;
}

h2 {
          font-family: 'Jost', sans-serif;
          font-size: 2.5rem;
          font-weight: 400;
          margin-bottom: 0px;
}

h3 {
          font-family: 'Jost', sans-serif;
          font-size: 1.75rem;
          font-weight: 500;
          margin-bottom: 0px;
}

p {
          max-width: 740px;
          line-height: 150%;
}

a {
          color:#004db2;
}

a span {
    vertical-align: bottom;
    padding-left: 2px;
    padding-right: 8px;
}

.btn {
          font-family: 'Jost', sans-serif;
          font-size: 1.2rem;
          padding: 4px 24px 4px 24px;
          border: 1px solid teal;
          border-radius: 24px;
          transition: all 0.5s ease;
          text-decoration: none;
          color: teal;
}

.btn:hover {
          color: white;
          background-color: teal;
          transition: all 0.5s ease;
          box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
  
}

.btn-tertiary {
          font-family: 'Jost', sans-serif;
          font-size: 1.2rem;
          padding: 4px 24px 4px 24px;
          border: none;
          border-radius: 24px;
          text-decoration: none;
          color: black;
}

.btn-tertiary:hover {
          background-color:grey;
}

.mt {margin-top: 8px;}
.mr {margin-right: 8px;}
.mb {margin-bottom: 8px;}
.ml {margin-left: 8px;}

.mt-s {margin-top: 16px;}
.mr-s {margin-right: 16px;}
.mb-s {margin-bottom: 16px;}
.ml-s {margin-left: 16px;}

.mt-m {margin-top: 24px;}
.mr-m {margin-right: 24px;}
.mb-m {margin-bottom: 24px;}
.ml-m {margin-left: 24px;}

.mt-l {margin-top: 32px;}
.mr-l {margin-right: 32px;}
.mb-l {margin-bottom: 32px;}
.ml-l {margin-left: 32px;}

.mt-xl {margin-top: 40px;}
.mr-xl {margin-right: 40px;}
.mb-xl {margin-bottom: 40px;}
.ml-xl {margin-left: 40px;}

.pt {padding-top: 8px;}
.pr {padding-right: 8px;}
.pb {padding-bottom: 8px;}
.pl {padding-left: 8px;}

.pt-s {padding-top: 16px;}
.pr-s {padding-right: 16px;}
.pb-s {padding-bottom: 16px;}
.pl-s {padding-left: 16px;}

.pt-m {padding-top: 24px;}
.pr-m {padding-right: 24px;}
.pb-m {padding-bottom: 24px;}
.pl-m {padding-left: 24px;}

.pt-l {padding-top: 32px;}
.pr-l {padding-right: 32px;}
.pb-l {padding-bottom: 32px;}
.pl-l {padding-left: 32px;}

.pt-xl {padding-top: 40px;}
.pr-xl {padding-right: 40px;}
.pb-xl {padding-bottom: 40px;}
.pl-xl {padding-left: 40px;}

.divide {
          width: 100%;
          border-top: 1px solid lightgray;
          margin-top: 40px;
          height: 1px;
}

@media only screen and (max-width: 768px) {
          body {
                    max-width: auto;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 32px;
                    font-family: 'Open Sans', sans-serif;
                    font-size: 1.25rem;
          }
          .btn {
                    display: block;
                    margin-bottom: 8px;
                    text-align: center;
          }
}