:root{
  --font-default: "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

  --color-dark: #11222D;
  --color-grey: #A3A3A3;
  --color-green: #00A9A9;
  --color-green-light: #33baba;
  --color-green-dark: #188787;
  --color-red: #FF6A6A;

  --transition-default:  all .3s ease-in-out;

  --radius-default: 20px
}

.h0{
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%; /* 120px */
  letter-spacing: 1px;
}
h1, .h1{
  font-size: 40px;
  font-weight: 400;
  line-height: 100%; /* 100px */
  letter-spacing: 0;
}
h2, .h2{
  font-size: 26px;
  font-weight: 400;
  line-height: 120%; /* 60px */
  letter-spacing: 0.5px;
}
h3, .h3{
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; /* 42px */
  letter-spacing: 0.3px;
}
h4, .h4{
  font-size: 16px;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  letter-spacing: 0.24px;
}
h5, .h5{
  font-size: 16px;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  letter-spacing: 0.18px;
}
.text--small{
  color: var(--color-grey);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.16px;
}
.text--medium{
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
  letter-spacing: 0.24px;
}
  .text--medium .h1,
  .text--medium .h2,
  .text--medium .h3,
  .text--medium .h4,
  .text--medium .h5{
    color: #000;
  }
.text-important{
  color: var(--color-green);
  font-weight: 700;
}
.text--green{
  color: #2EAFB5;
}
blockquote{
  color: #fff;
  border-radius: 15px;
  background: #00A9A9;
  padding: 30px 30px 30px 85px;
  align-items: flex-start;
  margin: 30px 0; 
  position: relative;
}
  blockquote::before{
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 30px;
    top: 30px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><circle cx="17.5" cy="17.5" r="17.5" fill="white"/><path d="M24 22H19.531V18.747C19.531 15.079 21.0207 12.83 24 12V13.9277C22.5655 14.5167 21.8069 15.8286 21.7241 17.8635H24V22ZM16.469 22H12V18.747C12 15.079 13.4897 12.83 16.469 12V13.9277C15.0345 14.5167 14.2759 15.8286 14.1931 17.8635H16.469V22Z" fill="black"/></svg>') no-repeat 0;
    content: '';
  }
  .text--big{
    color: #11222D;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%; /* 43.2px */
    letter-spacing: 0.36px;
  }
    .text--big a{
      color: inherit;
    }

@media (min-width: 768px){
  .h0{
    font-size: 100px;
  }
  h1, .h1{
    font-size: 80px;
  }
  h2, .h2{
    font-size: 50px;
  }
  h3, .h3{
    font-size: 30px;
  }
  h4, .h4{
    font-size: 24px;
  }
  h5, .h5{
    font-size: 18px;
  }
  .text--small{
    font-size: 16px;
  }
  .text--medium{
    font-size: 24px;
  }
  .text--big{
    font-size: 36px;
  }
}
@media (min-width: 1200px){
  .h0{
    font-size: 100px;
  }
  h1, .h1{
    font-size: 100px;
  }
  h2, .h2{
    font-size: 50px;
  }
  h3, .h3{
    font-size: 30px;
  }
  h4, .h4{
    font-size: 24px;
  }
  h5, .h5{
    font-size: 18px;
  }
  .text--small{
    font-size: 16px;
  }
  .text--medium{
    font-size: 24px;
  }
  .text--big{
    font-size: 50px;
  }
}
@media (min-width: 1600px){
  .text--big{
    font-size: 42px;
  }
}




.table-timeline,
.columned-content{
  width: 100%;
  table-layout: fixed;
}
  .table-timeline td:not([colspan]),
  .columned-content td td:not([colspan]){
    width: 100%;
  }
  .table-timeline td,
  .columned-content td{
    padding: 10px;
  }

.columned-content--with-img{
  max-width: 100%;
}
  .columned-content--with-img img{
    max-width: 100%;
    height: auto;
    border-radius: 6px;
  }