@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;800;900&display=swap');
body {
  font-family: 'Mulish', sans-serif;
}

/* Typography
------------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  letter-spacing: 0.018em;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  padding: 0.7rem 0 1.4rem;
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h4 strong,
h4 strong,
.h4 strong,
blockquote strong {
  font-weight: 900 !important;
  display: inline-block; /* line-height:0.9; */ /* font-size:1.05em; */
}
h1 strong a,
.h1 strong a,
h2 strong a,
.h2 strong a,
h3 strong a,
.h4 strong a,
h4 strong a,
.h4 strong a,
blockquote strong a {
  color: #fff !important;
  font-weight: 600 !important;
}
html,
.root {
  width: 100%;
}
body,
.article {
}
h1,
.h1 {
  
}
h2,
.h2 {
  
}
h3,
.h3 {
  
}
h4,
.h4 {
  letter-spacing: 0.005em;
  font-weight: 900;
 
}
h5,
.h5 {
  font-size: 2.3em;
  font-weight: normal;
  line-height: -5;
  font-weight: normal;
  letter-spacing: 0em;
  margin-top: 0.375em;
  font-family: 'Mulish', sans-serif;
}
p,
ul,
ol,
pre,
table,
blockquote {
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}
hr,
.hr {
  width: 100%;
  clear: both;
  display: block;
}
a,
b,
i,
strong,
em,
small,
code {
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

body {
  font-size: calc(16px + (20 - 16) * ((100vw - 600px) / (1780 - 600)));
}
h1,
.h1 {
  font-size: calc(30px + (50 - 30) * ((100vw - 600px) / (1780 - 600)));
  font-weight: 600;
}
h2,
.h2 {
  font-size: calc(24px + (40 - 30) * ((100vw - 600px) / (1780 - 600)));
  font-weight: 600;
}
h2 small {
  letter-spacing: 0.06em;
  font-size: 2rem;
  font-weight: 300;
}
h3 small {
  letter-spacing: 0.06em;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
}
h3,
.h3 {
  font-size: calc(30px + (60 - 30) * ((100vw - 600px) / (1780 - 600)));
}
h3.subpage {
  font-size: calc(23px + (48 - 23) * ((100vw - 600px) / (1780 - 600)));
}
.page_layout h4,
.h4 {
  font-size: calc(18px + (28 - 18) * ((100vw - 600px) / (1780 - 600)));
}
.flex-about h3.title {
  font-size: calc(40px + (84 - 40) * ((100vw - 600px) / (1780 - 600)));
}
blockquote {
  font-size: 80px;
  line-height: 0;
}
.intro-copy p {
  font-size: calc(40px + (20 - 40) * ((100vw - 600px) / (1780 - 600)));
}

@media (max-width: 600px) {
  body {
    font-size: 16px;
  }
  .flex-about h3.title {
    font-size: 40px;
  }
  h1,
  .h1 {
  }
  blockquote {
  }

  .services.alternating .col.text h2 {
   
  }
  h2,
  .h2 {
  
  }
  h3,
  .h3 {
   
  }
  h3.subpage {
  
  }
  .page_layout h4,
  .h4 {
    font-size: 1.1em;
  }
  .intro-copy p {
    
  }
}
@media screen and (min-width: 1780px) {
  body {
  }
  h1,
  .h1 {
  }
  h3.h1 {
  }
  blockquote {
  }
  .flex-about h3.title {
  }
  h2,
  .h2 {
  }
  h3,
  .h3 {
  }
  h3.subpage {
  }
  .page_layout h4,
  .h4 {
  }
  .intro-copy p {
  }
}