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

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Poppins", Tahoma, Verdana, sans-serif;
	
	--white: #f9f9f9;
	--black: #36383F;
	--gray: #85888C;
}



div.header {
	width: 100%;
}
div.header > .box {
	padding: 0 2em;
	background: #cccccc;
	
	display: flex;
	flex-flow: row nowrap;
	gap: 1em;
}
div.header .hdr {
	background: skyblue;
}
div.header .h2 {
	flex: 1;
}



div.content {
	width: 100%;
	font-size: 16pt;
	line-height: 1.6em;
}
div.content > .wrap{
	margin: 0 auto;
	max-width: 40em;
	letter-spacing: 1px;
}
div.content > .wrap > .box {
	padding: 0 1em;
}
div.content h1 {
	letter-spacing: -1px;
}



@media (min-width: 768px) {
	div.myhead .menubutton {
		display: none;
	}
	div.menu-icon {
		display: none;
	}
}
@media (max-width: 768px) {
	div.myhead .menulist .ul {
		/*display: none;*/
	}
}