@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



body { margin: 0; padding: 0; font-family: "Funnel Sans", sans-serif; }
.container { width: 50%; margin: 0px auto; }
.contant { font-weight: 400; margin: 0 0 45px 0; }
.contant h1 { font-size: 48px; font-weight: 600; margin: 50px 0 120px 0; }
.contant h3 { font-size: 26px; font-weight: 600; margin: 60px 0 25px 0; border-bottom: 1px solid #bdbdbd; padding: 0 0 15px 0;  }
.contant .sub-contant p a { text-decoration: underline; color: black; }




/* Responsive */

@media all and (max-width: 1024px) {
    .container { width: 100%; }
    .contant h1 { font-size: 50px; text-align: center; margin: 30px 0; }
    .contant h3 { font-size: 24px; margin: 50px 0 25px 0; }
  }

  @media all and (max-width: 440px) {
    .container { width: 100%; margin: 9px auto ; }
    .contant h1 { font-size: 40px; text-align: center; margin: 25px 0 50px 0; }
    .contant h3 { font-size: 20px; margin: 50px 0 25px 0; }
    .contant .sub-contant p { font-size: 14px; }
  }