html{
	height:100%;
	background:#1f1f29;
}

body{
	font-family: 'Roboto', sans-serif;
}

#indeximg{
	max-width:100%;
	height:auto;
	margin-top:10%;
}

a:hover,
a:focus,
a.active{
	text-decoration:none;
	font-weight:bold;
	color:#333;
}

img.game-thumb{
	border:3px solid #000;
}

img.game-thumb:hover{
	border:3px solid #51516f;
}

a{
	color:#51516f;
}

h3{
	font-weight:bold;
	margin-bottom:5px;
}

h5{
	margin-top:0px;
	margin-bottom:30px;
}

#menu{
	background:#dcdcdc;
	height:100%;
	position:fixed;
	float:left;
}

#content{
	background:#1f1f29;
	overflow-y:hidden;
	float:right;
	min-height:100%;
}

#content-inner{
	padding-top:60px;
}

#text{
	color:#dcdcdc;
	background:#1f1f29;
	padding-top:15px;
	padding-bottom:15px;
	position:fixed;
	width:100%;
	z-index:997;
	height:100px;
}


#text p{
	width:80%;
}

.text-wrapper{
	height:100px;
}

#vert-gallery{
	overflow-y:scroll;
	max-height:87%;
	-webkit-overflow-scrolling: touch;
}

#vert-gallery img{
	margin-bottom:30px;
}

img.toprow{
	padding-top:0px!important;
}

img.pxfrm {
	margin-top:20px;
	margin-bottom:20px;
}

img.wg{
	margin-top:20px;
	margin-bottom:20px;
}

#scrollDiv{
	overflow-x:scroll;
	white-space:nowrap;
	padding-bottom:15px;
	margin-left:0px;
	-webkit-overflow-scrolling: touch;
}

#scrollDiv img{
	display: inline;
	vertical-align: top;
	float: none;
	padding:15px;
}

#scrollDiv img:first-child{
	padding-left:0px;
}

#scrollDiv img:last-child{
	padding-right:0px;
}

ul{
	padding-left:18px;
	list-style-type:none;
}

ul.menu-list li:before{
	content:"-";
	padding-right:10px;
	margin-left:-16px;
}

#social{
	list-style-type:none;
	padding-left:0px;
}

#social.menu{
	position:absolute;
	bottom:0px;
	right:15px;
}

#social li{
	display:inline-block;
	list-style-type:none;
}

#social li a{
	font-size:25px;
}

#logo{
	max-width:50px;
	position:absolute;
	left:15px;
	bottom:15px;
}

#personal-grid{
	visibility:hidden;
}

#personal-grid div{
	padding:0px;
}

#personal-grid .grid-item{
	width:10%;
}

#personal-grid .grid-item.grid-x2{
	width:20%;
}

/* width */
::-webkit-scrollbar {
    height: 6px;
	width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #16161f; 
	border-radius:15px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #393848; 
	border-radius:15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #515065; 
}

#overlay,
#menu-toggle{
	display:none;
}

@media (max-width: 991px){
	#menu-toggle{
		display:block;
		float:right;
		margin-top:20px;
		font-size:25px;
		cursor:pointer;
	}
	
	#menu{
		margin-left:0px;
		width:280px;
		position:fixed;
		z-index:999;
		transition-duration:0.5s;
	}
	#menu.collapsed{
		margin-left:-230px;
	}
	#overlay{
		background:rgba(0,0,0,0.5);
		z-index:998;
		width:100%;
		height:100%;
		display:block;
		position:fixed;
		transition-duration:0.5s;
		visibility:normal;
	}
	#overlay.collapsed{
		background:rgba(0,0,0,0);
		visibility:hidden;
	}
	#content{
		padding-left:65px;
	}
	
	#menu #social li{
		display:block;
		list-style-type:none;
	}

	#menu #social li a{
		font-size:25px;
	}

	
	#scrollDiv{
		overflow-x:hidden;
		overflow-y:scroll;
		white-space:normal;
		max-height:87%;
		padding-bottom:0px;
		-webkit-overflow-scrolling: touch;
	}
	
	#scrollDiv img{
		display: block;
		vertical-align: top;
		float: left;
		padding-left:0px;
		padding-right:15px;
	}
	
	#scrollDiv img:last-child{
		padding-right:15px;
	}
}

#scrollDiv img{
	width:auto;
}

@media (max-width: 768px) {
	#scrollDiv img{
		width:100%;
	}
	
	#personal-grid .grid-item{
		width:20%;
	}

	#personal-grid .grid-item.grid-x2{
		width:40%;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	#scrollDiv img{
		width:50%;
	}
	#personal-grid .grid-item{
		width:20%;
	}

	#personal-grid .grid-item.grid-x2{
		width:40%;
	}
}

#content.ec,
#content.ec #text{
	background:#20283d;
}

#content.ec a,
#content.ec #text a{
	color:#e5b083;
}

#content.vndl,
#content.vndl #text{
	background:#2b3238;
}

#content.ec .embed-container {border: 2px solid #e5b083;}
#content.vndl .embed-container {border: 2px solid #bb474e;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }