@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');




body { margin: 0; padding: 0; font-family: "Lato", sans-serif; }
.container { width: 60%; margin: 0px auto; }
.contant { font-weight: 400; margin: 0 0 45px 0; }
.contant .image img { width: 100%; }
.contant h1 { font-size: 48px; font-weight: 600; margin: 10px 0 40px 0; }
.contant h3 { font-size: 22px; font-weight: 600; margin: 60px 0 25px 0; background-color: #f3f2f2; width: fit-content; padding: 20px; border-radius: 10px; }
.contant .sub-contant ul li a { text-decoration: underline; color: black; }
.contant .sub-contant ul li { margin: 5px 0 30px 0; }




/* Responsive */

@media all and (max-width: 1024px) {
    .container { width: 100%; }
    .contant h1 { font-size: 50px; margin: 30px 0; }
    .contant h3 { font-size: 22px; margin: 50px 0 25px 0; padding: 14px; border-radius: 6px; }
  }

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