@font-face {
  font-family: "Montserrat-Black";
  src: url("../../font/Montserrat-Black.otf") format("truetype");
}
@font-face {
  font-family: "Lateef-Bold";
  src: url("../Lateef-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Lateef-Regular";
  src: url("../../font/Lateef-Regular.ttf") format("truetype");
}
body {
  font-family: "Lateef-Regular";
}
.content p,
.content span,
.content div{
	font-family: "Lateef-Regular !important";
}
main {
  padding: 2rem 4rem;
  background: #fff;
  min-height: calc(100vh - 2rem);
}
main h1 {
  color: #000;
  font-size: 0.38rem;
  font-weight: normal;
}
main .date {
  font-size: 0.26rem;
  color: #000;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
main .content {
  padding: 0.5rem 0;
  color: #000;
  font-size: 0.17rem;
}
main .content p {
  color: #000;
  line-height: 0.34rem;
  font-size: 0.17rem;
}
main .content img {
  width: 100%;
  padding: 0.2rem 0;
}
@media (max-width: 768px) {
  main {
    padding: 1rem 0.48rem;
  }
  main h1 {
    font-size: 0.36rem;
  }
  main .date {
    font-size: 0.27rem;
  }
  main .content {
    font-size: 0.27rem;
    line-height: 0.54rem;
  }
}

.footer {
  width: 100%;
}