body .crew-button {
   font-size: 11px;
   height: 50px;
   /* min-width: 350px; */
   text-align: center;
   text-transform: uppercase;
   padding-top: 0px;
   display: inline-flex !important;
   flex-direction: column;
   justify-content: center;
   letter-spacing: 1px;
   transition: 0.4s ease;
   border-radius: 0px;
   transition: 0.5s;
   border: none;

   &:hover {
      transform: scale(1.02);
      letter-spacing: 2px;
      transition: 0.5s;
   }

   &.primary {
      background-color: var(--color-light-blue) !important;
      color: var(--color-white);
      border: none;

      &:hover {
         background-color: var(--color-light-blue-hover) !important;
         border: none;
      }
   }

   &.secondary {
      background-color: var(--color-blue) !important;
      color: var(--color-white);
      border: none;

      &:hover {
         background-color: var(--color-blue-hover) !important;
         border: none;
      }
   }

   &.tertiary,
   &.tertiary.crew-button:hover {
      background-color: var(--color-white) !important;
      color: var(--color-light-blue) !important;
      border: 1px solid var(--color-light-blue) !important;
      border: none;

   }

   &.yellow {
      background-color: var(--color-yellow) !important;
      color: var(--color-blue) !important;
      border: none;

      &.crew-button:hover {
         background-color: var(--color-yellow-hover) !important;
         color: var(--color-blue) !important;
         border: none;
      }
   }
}


/*H1*/
.et_pb_section h1 {
   font-size: 62px;
   line-height: 1.1em;
}

.one-big h1 {
   font-size: 100px;
   line-height: 0.8em;
}

.one-small h1 {
   font-size: 42px;
   line-height: 1.1em;
}

@media(max-width:767px) {

   .et_pb_section h1 {
      font-size: 50px;
      line-height: 1em;
   }

   .one-big h1 {
      font-size: 62px;
      line-height: 0.8em;
   }

   .one-small h1 {
      font-size: 42px;
      line-height: 1.1em;
   }

}


/*h2*/
.et_pb_section h2 {
   font-size: 42px;
   line-height: 1.1em;
}

.two-big h2 {
   font-size: 62px;
   line-height: 1.1em;
}

.two-small h2 {
   font-size: 30px;
   line-height: 1.2em;
}

@media(max-width:767px) {
   .two-big h2 {
      font-size: 50px;
      line-height: 1em;
   }

   .et_pb_section h2 {
      font-size: 30px;
      line-height: 1.2em;
   }
}


/*h3*/
.et_pb_section h3 {
   font-size: 30px;
   line-height: 1.2em;
}

.three-big h3 {
   font-size: 42px;
   line-height: 1.1em;
}

.three-small h3 {
   font-size: 22px;
   line-height: 1.3em;
}

/*h4*/
.et_pb_section h4 {
   font-size: 22px;
   line-height: 1.3em;
}

.four-big h4 {
   font-size: 30px;
   line-height: 1.2em;
}

.four-small h4 {
   font-size: 16px;
   line-height: 1.3em;
}

/*h5*/
.et_pb_section h5 {
   font-size: 16px;
   line-height: 1.3em;
}

/*two-copy*/
.two-copy h2 {
   font-family: var(--font-light);
   color: var(--color-light-blue);
   font-size: 36px;
   line-height: 1.4em;
   text-transform: initial;
}

@media(max-width:767px) {
   .two-copy h2 {
      font-size: 24px;
      line-height: 1.4em;
   }
}

/*Copy*/

.copy-headline p,
.copy-headline .et_pb_text_inner {
   font-family: var(--font-bold);
   font-size: 30px;
   line-height: 1.2em;
   color: var(--color-blue);
}

body,
li {
   font-size: 18px;
   line-height: 1.5em;
}

body .copy-big,
body .copy-big li {
   font-size: 20px;
   line-height: 1.5em;
}

body .copy-small,
body .copy-small li {
   font-size: 16px;
   line-height: 1.5em;
}

body .copy-tiny,
body .copy-tiny li {
   font-size: 14px;
   line-height: 1.5em;
}

@media(max-width:767px) {
   body .copy-big {
      font-size: 18px;
      line-height: 1.6em;
   }
}

body sub,
body sup {
   bottom: 0.5em;
   font-size: 65%;
}

/*Listen*/

#left-area ul,
.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul,
body .entry-content ul {
   list-style-type: square;
}