html {
  box-sizing: border-box;
}

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

body {
	font-family: 'Dosis', sans-serif;
	color: white;
	background-color: #020202;
	margin: 0px;
}

h1  {font-weight: 800; letter-spacing:0; font-variant: small-caps;}
h2  {font-weight: 800; letter-spacing:0; font-variant: small-caps;}
h3  {font-weight: 700; letter-spacing:0; font-variant: small-caps;}
h4  {font-weight: 700; letter-spacing:0; font-variant: small-caps;}
h5  {font-weight: 700; letter-spacing:0; font-size: 1.1rem;}
h6  {font-weight: 500; letter-spacing:0; font-size: 1.0rem; font-style: italic;}
p   {font-weight: 300; text-align: justify; font-size: 1.1rem;}
p b {font-weight: 600; }
button {font-family: 'Roboto', sans-serif;}

.zx-text-right {text-align: right;}
.zx-flex {display: flex;}
.zx-flex-right {display: flex;} 

#zx-navbar  {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #111;
	position: fixed;
	top: 0;
	width: 100%;
	height: 3rem;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	z-index: 1000;
}

ul.zx-navmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #111;
}

ul.zx-navmenu li {
	float: left;
}

ul.zx-navmenu li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

ul.zx-navmenu li a:hover:not(.active) {
	background-color: #333;
}

.active {
	color: #444;
}


.zx-main {
	width: 100%;
	max-width: 60rem;
	margin: auto;
	padding-top: 3rem;
}

.zx-content {
	margin: 1rem;
}

.zx-img { position: relative; }
.zx-img img { width: 100%;} 

.zx-onimg {
	position: absolute;
	bottom: 0;
}

.zx-header {
	display: flex;
	justify-content: flex-end;
	left:0; right:0;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75));
	margin: 0;
	padding: 1rem;
	font-variant: small-caps;
}

.zx-header h2 {text-align: right; margin-top: 5rem; border-right: solid 0.75rem #FFCC00; padding-right: 1rem;}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.__m {
	display: none;
}