*:focus {
		outline: none;
	}
	.container{
			margin-top:1em;
		}
		#wrapper{
			border:1px solid black;
			padding-bottom: 56%;
		    position: relative;
			background-position: bottom;
			background-repeat: repeat-x;
			background-image: url(../images/footer.gif);
			
		}
		
		#wrapper.toggled{
			border:1px solid black;
			padding-bottom: 8%;
		    position: relative;
			background-position: bottom;
			background-repeat: repeat-x;
			background-image: url(../images/footer.gif);
			
		}
		
		header{
			height:auto;
			background-image: url(../images/main_olab.gif);
		}

		#sidebar-wrapper{
			height:0;
			width:0%;
			display: none;
			padding-bottom: 45%;
		}
		#page-content-wrapper {
			width: 95%;
			position: relative;
			background-color: #FFFFFF;
			border: #FFFFFF solid 4px;
			height: 0;
			box-shadow: 0px 0px 1px 1px rgba(150, 150, 150, 0.9);
			float: right;
			padding-bottom: 45%;
			margin-right: 2%;
		}
		
		.ft_logo{
			background-image: url(../images/dit_logo.gif);
		}


	@media (max-width: 767px){
		#wrapper.toggled,#wrapper{
			padding-bottom: 70%;
		}
		/* #wrapper {	
			padding-bottom: 18%;
		} */
		#sidebar-wrapper {
			width: 30% !important;
			position: absolute;
			height: 0;
			display: inline-block;
			margin-left: 3%;
			margin-top: 1%;
			padding-bottom: 50%!important;
			background-color: #edece7;
			border: 2px solid #ddc7a6;
			float: none !important;
			z-index: 999999999;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		#wrapper.toggled #sidebar-wrapper {
			height: 0 !important;
			width: 0% !important;
			display: none !important;
			padding-bottom: 48% !important;
			
		}
/* 		#page-content-wrapper{
			position: relative;
			padding-bottom: 45%;
			margin-right: 0%;
		} */
		#wrapper.toggled #page-content-wrapper ,#page-content-wrapper{
			width: 95% !important;
			position: relative;
			background-color: #FFFFFF;
			border: #FFFFFF solid 4px;
			height: 0;
			box-shadow: 0px 0px 1px 1px rgba(150, 150, 150, 0.9);
			float: right;
			padding-bottom: 48% !important;
			margin-right: 2% !important;
		}
	 /* 	#imgCont2 {
			position: absolute;
			top: 18%;
			left: 10%;
			width: 16% !important;
		}  */
		#expName{
			font-size:19px;
		}
	}
	
		@media (max-width: 500px){
			#expName{
				font-size:15px;
			}
		}
		@media (max-width: 600px){
			#ammeterReading,#voltReading{
				font-size:16px;
			}
		}
		@media (min-width: 768px){
			.container{
				width:800px !important;
			}	
		}
		@media (max-width: 690px){
			#sidebar-wrapper {
				width:35% !important;;
			}
		}