:root {
  --black: #333333;

  --grey_normal: #808080;
  --grey_lighter: #bdbdbd;
  --grey_lightest: #e0e0e0;

  --theme_darker: #167C89;
  --theme_normal: #7A9CFF;
  --theme_lighter: #14A2C1;

  --attitude_green: #27AE60;
  --attitude_red: #EB5757;

  --col_1: 8.3%;
  --col_2: 16.6%;
  --col_3: 24.9%;
  --col_4: 33.2%;
  --col_6: 49.8%;
  --col_8: 66.4%;
  --col_10: 83.4%;
}

body{
  color: var(--black);
}








/* Text styles */

h1.s20_title{
  font-family: Ubuntu;
  font-size: 48px;
  text-align: center;
}

h1.s20_h1{
  font-family: Lato;
  font-size: 64px;
  font-weight:900;
  text-align: center;
}

h2.s20_h2{
  font-family: Lato;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.2em;
}

h3.s20_h3{
  font-family: Lato;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  color: var(--grey_normal);
  padding: 0 0 20px;
  line-height: 1.2em;
}

p.s20_p_normal{
  font-family: Lato !important;
  font-size: 20px !important;
  font-weight: normal !important;
  line-height: 1.2em;
}

p.s20_p_bold{
  font-family: Lato;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2em;
}

p.s20_explain_normal{
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
}

p.s20_explain_small{
  font-family: Lato;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2em;
}

p.s20_special_big{
  font-family: Lato;
  font-size: 36px;
  font-weight: bold;
}

p.s20_special_big{
  font-family: Lato;
  font-size: 36px;
  font-weight: bold;
}

p.s20_special_large{
  font-family: Lato;
  font-size: 64px;
  font-weight: 900;
}






/* Content Padding styles */

.s20_divMargin_headerDiv{
  margin-top: 80px;
  margin-bottom: 40px;
}

.s20_divMarginPadding_majorDiv{
  margin-top: 160px;
  padding-top: 120px;
  padding-bottom: 280px;
}

.s20_sectionPadding_normal{
  padding-top: 80px;
  padding-bottom: 40px;
}

.s20_sectionPadding_0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.s20_sectionPadding_40{
  padding-top: 40px;
  padding-bottom: 40px;
}


.s20_divMargin_textDiv_narrow{
  margin: 40px var(--col_3) 40px var(--col_3);
}
.s20_divMargin_textDiv_normal{
  margin: 40px var(--col_3) 40px var(--col_2);
}


.s20_divMargin_imgDiv_narrowest{
  margin: 40px var(--col_4) 120px var(--col_3);
}
.s20_divMargin_imgDiv_narrow{
  margin: 40px var(--col_3) 120px var(--col_3);
}
.s20_divMargin_imgDiv_normal{
  margin: 40px var(--col_3) 120px var(--col_2);
}
.s20_divMargin_imgDiv_wider{
  margin: 40px var(--col_2) 120px var(--col_2);
}
.s20_divMargin_imgDiv_muchWider{
  margin: 40px var(--col_1) 120px var(--col_1);
}
.s20_divMargin_imgDiv_allWidth{
  margin: 40px var(--col_2) 120px 0;
}


.s20_rowDivMargin{
  margin:80px auto;
}


.s20_5DivIn1Row{
  display: inline-block;
  width: 19.5%;
  padding: 0 28px 40px;

}




img.s20_imgPadding_GifExplain{
  padding: 24px 20% 0 20% !important;
}




@media screen and (max-width: 768px){
 .s20_heightSpanOnMobile{
    display: block;
 }

 .s20_mobileChipDiv{
   display: block;
   width: 80%;
   margin: 4em auto 4em;
   z-index: 1040;
   background-color: #9BC8F2;
   opacity:0.75;
   padding:16px;
   border-radius: 16px;
   border-style: solid;
   border-width: 2px;
   border-color: white;
   vertical-align: middle;
   text-align: center;
   box-shadow: 0px 4px 8px rgba(0,0,0,.12)
 }
 .s20_mobileChipDiv p{
   margin-bottom: 0;
   color: var(--black);
 }

 /* .s20_mobileAlertDiv{
   display: block;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 1040;
   background-color: rgba(0,0,0,.75);
   backdrop-filter: blur(4px);
 }
 .s20_mobileAlertContent{
   position: fixed;
   top:12vh;
   left:2%;
   width: 96%;
   z-index: 1050;
   background-color: white;
   border-radius: 8px;
   text-align: center;
   padding: 20px 20px;
 }
 .s20_mobileAlertContent img{
   width: 100%;
   margin-bottom: 25px;
 }
 .s20_alertButton{
   margin: 40px auto 32px;
   width: 75%;
   height:48px;
   background-color: #9BC8F2;
   color: white;
   border-radius: 8px;
   border-width: 0;
   box-shadow: 0px 4px 8px rgba(0,0,0,.12);
 }
 .s20_alertButton p{
   padding-top:8px;
 } */
}

@media screen and (min-width: 768px){
 .s20_heightSpanOnMobile{
    display: none;
 }

 .s20_mobileChipDiv{
   display: none;
 }
}