body {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: var(--color-blue);
    background: linear-gradient(to top, var(--color-blue), #1d204c);
}

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



h1,h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: 600; letter-spacing: -0.032em;line-height: 1.2;/* font-weight:300; */margin-top: .5em;margin-bottom: 0.8rem;/* padding: 1rem 0 0rem; *//* color: var(--color-blue); */}
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h4 strong, h4 strong, .h4 strong, blockquote strong{/* font-weight: normal !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:800 !important;}
html, .root{width:100%;}
body, .article{}
h1, .h1{}
h2, .h2{}
h3, .h3{;}
h4, .h4{}
h5, .h5{}
p, ul, ol, pre, table, blockquote{
    font-weight: normal;
}
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(18px + (20 - 18) * ((100vw - 600px) / (1780 - 600)));}

h1,.h1{font-size: calc(40px + (66 - 40) * ((100vw - 600px) / (1780 - 600)));}
h2,.h2{font-size: calc(36px + (49 - 36) * ((100vw - 600px) / (1780 - 600)));}
#intro h2,#intro .h2,
h3,.h3{font-size: calc(28px + (36 - 28) * ((100vw - 600px) / (1780 - 600)));}

@media (max-width:600px){
    body{font-size:18px;}
  
}
@media screen and (min-width:1780px){
    body{font-size: 20px;}
}

@media (max-width:600px){
    body{font-size:18px;}
  h1, .h1 {
  font-size: 35px;
  line-height: 1.11864407em;
  margin-top: 0.37288136em;
  margin-bottom: 0.74576272em;
}
    h2, .h2 {
  font-size:36px;
  line-height: 1.15789474em;
  margin-top: 0.57894737rem !important;
  /* margin-bottom: 0.57894737em; */
}
  #intro h2,#intro .h2,
   h3, .h3 {
  font-size:28px;
 
  }
  
  
}
@media screen and (min-width:1780px){
    body{font-size: 20px;}
  h1, .h1 {
  font-size: 3.6875em;
  line-height: 1.11864407em;
  margin-top: 0.37288136em;
  /* margin-bottom: 0.74576272em; */
  margin-bottom: 0.37288136em;
}
   h2, .h2 {
  font-size: 49px;
  line-height: 1.15789474em;
  margin-top: 0.57894737rem !important;
  /* margin-bottom: 0.57894737em; */
}
  #intro h2,#intro .h2,
  h3, .h3 {
  font-size: 39px;
}
 
}


h4, .h4 {
  font-size: 1.15em;
  /* line-height: 1.375em; */
  /* margin-top: 1.375em; */
  /* margin-bottom: 0em; */
}
.page_layout h4{margin-bottom: 1.2em;}
.page_layout h4.subpage{ margin-top:0em;}
h5, .h5 {
  font-size: 1em;
  line-height: 1.375em;
  margin-top: 0;
  margin-bottom: 1em;
}
p, ul, ol, pre, table, blockquote {
  padding-top: 0;
  padding-bottom: 0.5em;
  margin: 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* Let's make sure all's aligned */
hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}
a, b, i, strong, em, small, code {
  /* line-height: 0; */
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}