body{
	background: #bf0000;
	background: linear-gradient(right, #ff7f00, #bf0000, #ff7f00); /* Standard syntax */
	background: -webkit-linear-gradient(right, #ff7f00, #bf0000, #ff7f00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff7f00, #bf0000, #ff7f00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff7f00, #bf0000, #ff7f00); /* For Firefox 3.6 to 15 */
}

.navbar-toggle{
	height: ;
	width: 50px !important;
}

#burgerIcon{
	height: 30px;
	width: 30px;
}

/*
#headLogo{
	position: relative;
	height: 100%;
	width: 100%;
	right: 0%;
	padding-top: 5%;
}
*/

#headLogo.img-responsive{
	position: relative;
	height: 100%;
	width: 100%;
	right: 50%;
	padding-top: 5%;
	padding-left: 5%;
}
/*
@media (max-width: 600px){
	.img-responsive{
		display: none !important;
	}
}
*/
@media(max-width: 817px){
	.img-responsive{
		display: none !important;
	}
}

h1{
	font-family: 'Orbitron', sans-serif;
	font-size: 50px;
	text-align: center;
	color: #0d0d0d;
}

#info{
	text-align: center;
	color: #0d0d0d;
}

#extension{
	font-size: 10px;
	text-align: center;
	color: #0d0d0d;
}

#extLink{
	font-size: 11px;
	color: #000;
}

#blank2{
	font-size: 20px;
	text-align: center;
	color: white;
}

#blank{
	text-align: center;
	color: white;
}

#credit{
	text-align: center;
	font-size: 10px;
	color: #0d0d0d;
}

#logo{
	height: 123px;
	width: 123px;
	position: relative;
	top: 0%;
	left: 46%;
}

#butt1{
	background: url(../resc/logo.png) no-repeat;
	background-size: 55px 55px;
	height: 55px;
	width: 55px;
	padding: 10px;
	border: none;
	margin: auto;
	color: white;
	text-align: center;
    text-decoration: none;
	font-size: 9px;
	cursor: pointer;
	
}

#butt1:active{
	background: url(../resc/logoClick.png) no-repeat;
	background-size: 55px 55px;
	color: #b3b3b3;
}

#egg{
	position: relative;
	display: block; 
	width: 100px; height: 100px; /* you'll have to set the H/W to the H/W of you text*/
	text-align: center;
	text-decoration: none; /* gets rid opf the old breadcrumbs*/
	color: black; /* sets text color to black*/
	background-color: transparent; /* speaks for itself*/
	font: 11px verdana; /* sets font size then font style*/
}
#egg:hover {
	
	background-image: url('../resc/meh.jpg');
	background-repeat: no-repeat; 
	background-size: 50px 50px;
	width: 50px; 
	height: 50px;
	border: 1px solid black;
}

#egg .text{
	position: relative;
	text-align: center;
	bottom: 48%;
	right: 4%;
	color: white;
	visibility: hidden;
}

#egg:hover .text{
	visibility: visible;
}

.progress {
	position: relative;
	background: #333333; 
	border: 1px solid #000; 
	border-radius: 1px; 
	height: 20px;
	width: 20%;
	left: 40%;
}

.progress-bar-custom {
	background: rgba(66, 139, 202, 1);
} 
.progress-striped .progress-bar-custom {
	background-color: #bf0000;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25, #ff7f00,color-stop(1,transparent),color-stop(1,transparent),color-stop(1, #ff7f00),color-stop(1, #ff7f00),color-stop(1,transparent),to(transparent))); 
	background-image: -webkit-linear-gradient(45deg, #ff7f00 25%,transparent 25%,transparent 50%,#ff7f00 50%,#ff7f00 75%,transparent 75%,transparent); 
	background-image: linear-gradient(45deg, #ff7f00 25%,transparent 25%,transparent 50%,#ff7f00 50%,#ff7f00 75%,transparent 75%,transparent); 
	background-size: 40px 40px;
}

.center {
    margin: auto;
    width: 21%;
    border: none;
    padding: 5px 5px;
}

@media screen and (min-width: 500px){
	.center {
		margin: auto;
		width: 5%;
		border: none;
		padding: 5px;
	}
}