*, *:before, *:after {
	box-sizing: inherit;
}
body {
	background-color:#000;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}
a.bx-pager-link{
	border: 1px solid #333;
	background-color: transparent !important;
}
a.bx-pager-link.active{
	background: #333 !important;
}
.bx-wrapper{
	background: #fff;
	color: #000;
}
.slider_50{
	background-color:#fff;
	position:relative;
	display:flex;
	width:100%;
	height:100vw;
	justify-content: center;
	align-items: center;
	order: -1;
}
.slider p {
	padding:0rem 3rem;
}
.slider h1 {
	font-size:2em;
	margin-left:3rem;
}
.menu{
	position:relative;
	display:flex;
	justify-content: flex-end;
	background-color:#000;
	color:#FFF;
	
}
.menu span{
	font-size:2.5em;
	margin-left:2rem;
	margin-right:auto;
	align-self:center;
}
.menu_links{
	display:none;
	position:relative;
	align-self: center;
}
	
.menu_links a{
	padding: 1.5rem; 2rem;
	color:#FFF;
	text-decoration:none;
	font-size: 1.2em;
	display: inline-block;
}
.menu_links a:hover{
	background-color:#333;
}
.footer {background-color: #000;}
.footer div{
	display:flex;justify-content: center;
}
.footer a {
	padding: 1rem 1rem;
	color:#FFF;
	text-decoration:none;
	font-size: 2.2em;
}
.divbox {
	display:flex;
	width:100%;
	flex: 1 0 auto;
	overflow: hidden;
	position: relative;
}
.divbox div{
	transition: .5s ease;
	position: absolute;
	background-color: #000C;
	color:#FFF;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	padding: 1rem;
	overflow:hidden;
}
.divbox img{
	transition: .5s ease;
	width:100%;
	height:auto;
}
.divbox p{text-align:center;display:none;}
.divbox h2{width:100%;text-align: center;margin:0;font-size:2em;}
.halfbox{
	width:100%;
}
.flexwrapbox {
	display:flex;
	flex-flow:wrap;
}
.container{flex-flow: column;}

.readmore {
	border:1px solid #000;
	padding:0.5em 1.5em;
	text-decoration:none;
	color:#000;
	transition: 300ms;
}
.readmore:hover{
	background-color:#000;
	color:#FFF;
}
@media only screen and (orientation: landscape) and (min-width: 800px) {
	.menu_links{display:inherit;}
	.navbutton{display:none;}
	.halfbox {width:50%;}
	.container{flex-flow: wrap;}
	.slider_50{width:50%;height:auto;order: 2;}
	.divbox{width:50%;}
	.divbox:hover div {opacity: 1;}
	.divbox div{opacity: 0;top: 0;bottom: 0;left: 0;right: 0;padding: 3rem;}
	.divbox div p{display: inherit;}
	.divbox div h2{font-size:1.5em;}
	.divbox:hover img {transform: rotate(20deg) scale(1.5);}
	.footer a {padding: 1.5rem 2rem;}
}
.sidenav {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 11;
	top: 0;
	right: -100%;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	z-index:10;
	background-color:#000;
}

.sidenav a {
	text-decoration: none;
	font-size: 1.5rem;
	color: #FFF;
	display: block;
	text-align:center;
	margin: 2em;
}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 1.5rem;
	font-size: 2.25rem;
	margin-right: 3.25rem;
	margin: 1em 0em;
}