@media(max-width:1550px) {

  .container {
    max-width: 100%;
    padding: 2.5rem 5rem;
  }

  html { font-size: 50%;}
  body { font-size: 18px;}
  header .site-title { font-size: 5rem;}

  .header .container { max-width: 98%;}

  .section-four .column-three { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem;}

  .header .text-content { max-width: 800px;}

}

@media(max-width:1366px) {
  .section-one { background-size: contain;}
}



@media(max-width:1024px) {

  html { font-size: 48%;}
  .sub-title { line-height: normal;}
  body { font-size: 18px;}

  .section-five .column-three p { border-radius: 0;}



   
}


@media(max-width:768px) { 
  .header { height: auto;}

  .section-seven .container { gap: 3rem;}


}

@media(max-width:767px) {

  .header .container h1 { font-size: 4rem; text-shadow: none;}


  .text-center { text-align: left;}

  
  .chart.charttwo iframe { height: 300px !important;}

  footer.text-center { font-size: 14px; padding: 10px; background-color: #333; color: white;}
  footer.text-center .container { padding: 0; text-align: center;}


  .header .container h1 { font-size: 4.1rem; line-height: normal; margin-top: 3rem; line-height: 7rem;}
  .header .container h3 { font-size: 3rem;}

  .section-one .review, .section-four .column-three div { padding: 3rem;}
  .section-three ul, .section-seven ul.one, .section-seven ul.last { margin-left: 3rem;}
  .section-seven ul.last { list-style-position: outside;}

  .section-five .d-flex { flex-direction: column;}

  .two-col, .section-two { grid-template-columns: 1fr;}
}

@media(max-width:575px) {
  p { line-height: 3.9rem;}

  h2 { font-size: 4rem;}
  .header .container h2 { font-size: 22px; line-height: normal;}

  .header .main-logo { max-width: 190px;} 

  .container { padding: 0 2.5rem;}



  

}

@media(max-width:480px) {
  html { font-size: 46%;}
  .section-8 .ceo-card img { width: 100%;}
}

@media(max-width:420px) {
  .header .main-logo { max-width: 140px;}
}