h1 {
  font-family: 'Tinos';
  font-weight: 300;
  font-size: 45px;
  color: var(--bs-primary);
}

@media (min-width: 576px) {
  h1 {
    font-family: 'Tinos';
    font-weight: 300;
    font-size: 50px;
    color: var(--bs-primary);
  }
}

h2 {
  font-family: 'Tinos';
  font-weight: 300;
  font-size: 35px;
  color: var(--bs-primary);
}

@media (min-width: 576px) {
  h2 {
    font-family: 'Tinos';
    font-weight: 300;
    font-size: 40px;
    color: var(--bs-primary);
  }
}

h3 {
  font-family: 'Tinos';
  font-weight: 300;
  font-size: 30px;
}

@media (min-width: 576px) {
  h3 {
    font-family: 'Tinos';
    font-weight: 300;
    font-size: 35px;
  }
}

#process .h3 {
  font-weight: 300;
  font-family: 'Tinos';
  font-size: 22px;
  line-height: 1.5;
  color: var(--bs-primary);
}

@media (min-width: 576px) {
  #process .h3 {
    font-weight: 300;
    font-family: 'Tinos';
    font-size: 25px;
    line-height: 1.5;
    color: var(--bs-primary);
  }
}

#news h3, #blog h3, #article h2 {
  font-weight: 300;
  font-family: 'Tinos';
  font-size: 22px;
  line-height: 1.5;
  color: var(--bs-primary);
}

@media (min-width: 576px) {
  #news h3, #blog h3, #article h2 {
    font-weight: 300;
    font-family: 'Tinos';
    font-size: 25px;
    line-height: 1.5;
    color: var(--bs-primary);
  }
}

h4 {
  font-weight: 300;
  font-family: 'Tinos';
  font-size: 25px;
  line-height: 1.5;
}

@media (min-width: 576px) {
  h4 {
    font-weight: 300;
    font-family: 'Tinos';
    font-size: 22px;
    line-height: 1.5;
  }
}

.subtitle {
  font-family: 'Roboto Condensed' !important;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--bs-secondary);
  display: inline-block;
}

* {
  font-size: 18px;
}

@media (min-width: 576px) {
  * {
    font-size: 20px;
  }
}

.contact-link {
  color: inherit;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  font-family: 'Tinos';
}

.contact-link:focus, .contact-link:active, .contact-link:hover {
  color: rgb(164,163,58) !important;
  text-decoration: none !important;
}

figure p {
  color: var(--bs-secondary);
  font-size: 40px;
  font-weight: 300;
  font-family: 'Tinos';
  line-height: 1.1;
}

@media (min-width: 576px) {
  figure p {
    color: var(--bs-secondary);
    font-size: 50px;
    font-weight: 300;
    font-family: 'Tinos';
    line-height: 1.2;
  }
}