@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: Poppins, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; width: 95vw; }

.wrapper { padding: 0 calc(-249.11765px + 29.90196vw); height: inherit; display: flex; flex-direction: column; justify-content: space-between; height: 100vh; }
@media(max-width:900px) { .wrapper { padding: 0 20px; } }
@media(max-width:370px) { .wrapper { padding: 0 10px; } }

header { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
header .logo img { width: 100%; }
@media(max-width:900px) { header .logo img { width: calc(130px + 13.33333vw); } }

main { display: block; }

.left_content { display: flex; flex-direction: column; align-items: center; gap: 40px; }
@media(max-width:900px) { .left_content { gap: calc(5.71429px + 3.80952vw); } }

h2, h4 { margin: 0; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; }
hr { box-sizing: content-box; height: 0; overflow: visible; }

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

footer { display: flex; align-items: center; width: 100%; padding: 20px 0; margin-top: 40px; border-top: 1px solid #fff; }
footer p { line-height: 1.3; }
@media(max-width:900px) { footer { margin-top: 20px; } }