html, body {
	 scroll-behavior: smooth;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none !important;
	text-size-adjust: none;
	font-size: 100%;
 }
 body {
    width: 100%;
    margin: 0px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	overflow-x: clip;
 }
*, *::before, *::after {
  box-sizing: border-box;
}

 img {
	 width: 100%;
	 height: auto;
	 display: block;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-inline-start: calc((100vw - 768px) * 6 / 1032 + 11px); /* 17 -> 11 @1800 -> 768*/
}
.pointer {
	cursor: pointer;
}	
.anchor {
	position: absolute;
	margin-top: calc((100vw - 425px) * -70 / 2135 + -15px); /* -85 -> -15 @2560 -> 425*/
}
.hide {
	display: none;
}
.show {
	display: none;
}
@media only screen and (min-width: 768px) {
	.desktop {display: unset;}
	.mobile {display: none;}
	
}
@media only screen and (max-width: 767px) {
	.desktop {display: none;}
	.mobile {display: unset;}

	ul, ol {
		padding-inline-start: calc((100vw - 425px) * 2 / 343 + 10px); /* 12 -> 10 @768 -> 425*/
	}
}