html {
	font-family: "sans-serif";
}

.container {
	max-width: 70%;
	margin: auto;
	}

nav {
	ul {
		/* background-color: yellow;  */
		
		text-align: center;
		margin: 0;
		padding: 0;
	}

	ul li {
		list-style-type: none;
		display: inline-block;
		font-size: 1.2em;
		padding: 0.2em 1.2em;
	}
	li a {
		display: block;
		/* color: default; */
		color: #333;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
}
	
.navline a {
  /* float: left; */
  /* display: block; */
  /* color: #f2f2f2; */
  /* text-align: center; */
  padding: 14px 16px;
  text-decoration: none;
}

header.navspace {
	border-bottom: 1px solid #212529;
	border-top: 1px solid #212529;
	/* padding-top: 1.5em; */
	margin: auto;
	max-width: 80%;
}

/* ---------------------- */

/* LAYOUT */

body {
  color: #333;
  font-size: 115%;
  line-height: 1.3;
  padding: 1rem;
  margin: 0 auto;
}

main {
  margin-top: 1em;
  margin-bottom: 4em;
}

img {
	max-width: 100%;
	margin: auto;
}

.content {
	margin-bottom: 2rem; /* chack margin: auto  */
	/* max-width: {{ .Site.Params.containerMaxWidth | default "50%" | safeCSS }}; */
	/* max-width: 50%; */
}

@media screen and (max-width: 48rem) {
  .container {
	max-width: 95%;
	margin: auto;
	}

}