/*===========================================
 * Common
 *===========================================*/
body,
html {
	margin:0;
	padding:0;
}
body {
	min-height: 100vh;
	font-size: 16px;
	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.ipgs {
	height: calc(100vh - 50px);
}

#header { display:flex; position:relative; width:100%; height:50px; background:#fff; justify-content:space-between; }
#header a { display:inline-block; height:50px; }
#header a img { max-height:50px; width:auto; }
#header .dl { position:relative; display:inline-block; }
#header button { height:50px; border-radius:0; border:none; background-color:#f9f9f9; font-weight:bold; padding-left:1rem; padding-right:1rem; }
#header .active > button { background-color:bisque; }
 
/*===========================================
 * Media
 *===========================================*/
@media only screen and (max-width: 768px) {
	.hide-mbl { display:none; }
}