html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

.isian {
	flex-grow: 1;
}

.isian-bawah {
	min-height: 48px;
}

body {
	background: #eeeeee;
	font-size: 16px;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 100vh;
	width: 100wh;
}

body.pure-g {
	height: 100vh;
}

body.pure-g,
.wadah-utama {
	align-items: center;
	display: flex;
	flex-flow: column nowrap;
}

.show-md {
	display: none;
}

.konten {
	padding: 0 16px 8px;
}

.bacaan {
	padding: 16px;
}

p {
	margin: 1em 0;
}

.kiri {
	text-align: left;
}

.tengah {
	text-align: center;
}

.form-kontak label {
	margin-top: 16px;
}

.merah {
	color: red;
}

.foto-profil {
	background-color: #dddddd;
	border-radius: 32px;
	height: 64px;
	width: 64px;
}

.navigasi>a {
	background-color: transparent;
	border: 1px solid black;
	margin: 4px 0;
	width: 100%;
}

figure {
	border: 1px solid #777;
	display: inline-block;
	font-size: smaller;
	margin: 16px;
	max-width: calc(100% - 8px);
	padding: 3px;
	width: 250px;
}

figure img {
	height: auto;
	max-width: 244px;
}

footer {
	margin: 16px 0;
}

@media screen and (min-width: 48em) {

	.isian-bawah {
		min-height: min-content;
	}

	body.pure-g,
	.wadah-utama {
		flex-direction: row;
	}

	.wadah-utama,
	.wadah-tunggal {
		margin-bottom: 48px;
	}

	.show-md {
		display: initial;
	}

	.hide-md {
		display: none;
	}

	.foto-profil {
		border-radius: 48px;
		height: 96px;
		margin-bottom: 16px;
		width: 96px;
	}

	.navigasi.platform>a {
		display: inline-block;
		width: calc(50% - 8px);
	}
}