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

html {
	/*background: #c5c5c5;*/
	background: #2b2b2b;
	font-family: "ubuntu", sans-serif;
}

ul, li {
	list-style: none;
	padding:0;
	margin:0;
}

h2 {
	font-size: 3em;
	text-transform: uppercase;
	margin-top: 0;
}

a {
	transition: color 200ms, opacity 200ms;
}

.label {
	display: none;	
}

.bgvid {
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
	-webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

#header-slz {
	position: fixed;
	z-index: 9999;
	top:0;
	left:0;
	right:0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.35) 100%);
	user-select: none;
}

#header-slz-inner {
	padding:20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 auto;
}

#logo {
	padding:0;
	margin:0;
	font-size: 1.25em;
	width:5.75em;
}

#logo-text {
	font-family: "Bebas Neue";
	font-weight: 500;
	color:white;
	display: flex;
	flex-direction: column;
	text-align: left;
	background: url(./images/slz-logo-zero.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	line-height: 1.0em;
	padding: 0.2em 0;
}

#logo-text-stress {
	font-size:1.2em;
	letter-spacing: 0.1em;
	line-height: 0.75em;

}

#logo-text-level {
	font-size: 1.5em;
	letter-spacing: 0.09em;
	line-height: 0.75em;
	margin-top:0.18em;
}

#logo-text-zero {
	font-size:1.9em;
	letter-spacing: 0.07em;
	line-height: 0.7em;
	margin-top:0.2em;
}

#section-games-slider {
	position: relative;
	top:0;left:0;right:0;
	overflow: hidden;
}

#nav-menu-wrapper {
	display: flex;
	align-items: flex-end;
}

#nav-menu {
	position: 	relative;
	z-index: 999;
	margin-left: 2.0em;
}

#nav-menu ul {
	display: flex;
	margin:0;
	padding:0;
}

#nav-menu li {
	list-style:none;
	display: inline;
}

#nav-menu a,
#nav-menu a:link,
#nav-menu a:visited,
#nav-menu a:hover,
#nav-menu a:active {
	font-family: "Bebas Neue";
	text-decoration: none;
	font-size:1.5em;
	color: white;
	text-transform: uppercase;
	margin: 5px 15px;
	letter-spacing: 0.1em;
	font-weight: bold;
	opacity: 0.85;
}

#nav-menu a:link {}
#nav-menu a:visited {}
#nav-menu a:hover {
	color:#ff4c34;
}
#nav-menu a:active {}

#social-menu {
	font-size: 1.3em;
}

#social-menu ul {
	display: flex;
	justify-content: flex-end;
}

#social-menu li {
	padding: 0 0.2em;
}

#social-menu a,
#social-menu a:link,
#social-menu a:visited,
#social-menu a:hover,
#social-menu a:active {
	text-decoration: none;
	color:#ebebeb;
	opacity: 0.5;
}

#social-menu a:link {}
#social-menu a:visited {}
#social-menu a:hover {
	opacity: 0.75;
}
#social-menu a:active {}


#section-contact {
	margin: 80px auto;
	width:480px;
}

#section-contact-inner {
	margin: 0 auto;
}


#contact-form {
	display: flex;
	flex-direction: column;
}

#contact-form input, #contact-form textarea, #contact-form button {
	padding:8px 12px;
	margin:8px 0;
	border: 1px solid rgba(0,0,0,0.5);
	font-size: 1.2em;
}

#contact-form textarea {
	height:15.0em;
}

#contact-form button {
	border: none;
	font-size:2.0em;
	background: linear-gradient(to bottom, rgba(255, 76, 52,0.8) 0%, rgba(230, 27, 0, 0.8) 100%);
	color:white;
}


/* JOB SECTION */
#section-jobs {
	color: #333;
	margin: 0 auto;
	margin-top:200px;
	display: flex;
	flex-direction:column;
	width:95%;
	max-width: 900px;
	line-height: 1.6em;
}

#section-jobs h2 
{
	color:#F9F9FA;
	letter-spacing: 0.05em;

}

#section-jobs h3 {
	margin-top: 1em;
	font-size: 26px;
}

#section-jobs h2, #section-jobs h3, #section-jobs h4
{
	display: block;
}

#section-jobs li 
{
	background: #F9F9FA;
	padding: 2em;
	margin-bottom: 1.6em;
}
/* END JOB SECTION */

#section-videos {
	background: #c5c5c5;
}

#section-videos-inner {
	padding: 5.0em 0;
	margin:0 auto;
}

#section-videos-roll {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;	

}

#section-videos-roll li {
	width:250px;
	width:30%;
}

#section-videos-roll img {
	width:100%;
}


#games-slider-bonelab {
	display: flex;
	align-items: flex-end;
	background: no-repeat url(./images/bonelab-billboard.png);
	height:750px;
	background-size: cover;
	background-position: center;
	border-bottom:10px solid #ff4c34;
}

#games-slider-bonelab .overlay {
	display: flex;
	flex-direction: column;
	height:400px;
	margin:0 auto;
}

#games-slider-bonelab .overlay img {
	max-width:400px;
	width:100%;
	max-height:269px;
	margin-bottom: 15px;
}


#games-slider-boneworks {
	display: flex;
	align-items: flex-end;
	background: no-repeat url(./images/boneworks-billboard.png);
	height:750px;
	background-size: cover;
	background-position: center;
	border-bottom:10px solid #ff4c34;
}

#games-slider-boneworks .overlay {
	display: flex;
	flex-direction: column;
	height:400px;
	margin:0 auto;
}

#games-slider-boneworks .overlay img {
	max-width:400px;
	width:100%;
	max-height:269px;
}



#games-slider-hover-junkers {
	display: flex;
	align-items: flex-end;
	background: no-repeat url(./images/hoverjunkers-billboard.jpg);
	height:750px;
	background-size: cover;
	background-position: center;
	border-bottom:10px solid #ff4c34;
}

#games-slider-hover-junkers .overlay {
	display: flex;
	flex-direction: column;
	height:515px;
	margin:0 auto;
}

#games-slider-hover-junkers .overlay img {
	max-width:370px;
	width:100%;
	max-height:269px;
}


#games-slider-duck-season {
	display: flex;
	align-items: flex-end;
	background: no-repeat url(./images/duckseason-billboard.jpg);
	height:750px;
	background-size: cover;
	background-position: center;
	border-bottom:10px solid #ff4c34;
}

#games-slider-duck-season .overlay img {
	max-width:400px;
    width: 100%;
	margin-bottom:0.5em;
}

#games-slider-duck-season .overlay {
	display: flex;
	flex-direction: column;
	height:395px;
	margin:0 auto;
}



a.button:hover {
	margin-top:12px;
	margin-left:12px;
	margin-bottom:8px;
	margin-right:8px;
	box-shadow: 0 0 0 rgba(0,0,0,0.75);
}

a.button {
	transition: margin 20ms, box-shadow 20ms;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	font-size:1.3em;
	padding:15px 18px;
	margin:10px;
	background: linear-gradient(to bottom, rgba(80,80,80,0.8) 0%,rgba(43,43,43, 0.8) 100%);
	color:white;
	text-decoration:none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.75);
}

a.button.hot {
	background: linear-gradient(to bottom, rgba(255, 76, 52,0.8) 0%, rgba(230, 27, 0, 0.8) 100%);
}

.overlay .button-bar {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	max-width:370px;
}

#footer-slz {
	font-size:0.85em;
	background-color:#2b2b2b;
	width:100%;
}

#footer-slz a {
	text-decoration: none;
	color:white;
}

#footer-slz > div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding:25px 0;
}

#footer-slz nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#footer-slz nav ul li {
	padding:5px 10px;
}

#slz-small-logo {
	background-image: url(./images/slz_logo_tiny.png);
	display: block;
	width:30px;
	height:62px;
	margin-bottom:15px;
}