@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500');

body {
	overflow-x: hidden;
}

img.devImage{
	max-height:615px;
	max-width:413px;
}

/* Toggle Styles */

#viewport {
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}

#content {
  	width: 100%;
  	position: relative;
  	margin-right: 0;
}

/* Sidebar Styles */

#sidebar {
  	z-index: 1000;
  	position: fixed;
  	left: 30%;
  	width: 30%;
  	height: 100%;
  	margin-left: -30%;

	/*left: 250px;
  	width: 250px;
  	height: 100%;
  	margin-left: -250px;*/
  	
	overflow-y: visible;
  	background: #37474F;
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}

#sidebar header {
  	background-color: #263238;
  	font-size: 20px;
  	line-height: 52px;
  	text-align: center;
}

#sidebar header a {
  	color: #fff;
  	display: block;
  	text-decoration: none;
}

#sidebar header a:hover {
  	color: #fff;
}

#sidebar .nav{
  
}

#sidebar .nav a{
  	background: none;
  	border-bottom: 1px solid #455A64;
  	color: #CFD8DC;
  	font-size: 14px;
  	padding: 16px 24px;
}

#sidebar .nav a:hover{
  	background: none;
  	color: #ECEFF1;
}

#sidebar .nav a i{
  	margin-right: 16px;
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#viewport {
		padding-left: 30%;
	}
}