body, html {
    height: 100%;
    margin: 0;
}

.bg {
		/* The image used */
		background-image: url("../img/password.jpeg");

		/* Full height */
		height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
}

@media screen and (min-width: 900px){
	.centered {
		position: absolute;
		font-size:20px;
		top: 53%;
		left: 60%;
		font-family: "Lucida Console", Monaco, monospace;
		color:white;
	}
	.centered_down {
		position: absolute;
		font-size:35px;
		top: 60%;
		left: 60%;
		width:40%;
		
		color:#F30002;
	}
	
}

@media screen and (max-width: 580px){
	.centered {
		position: absolute;
		font-size:20px;
		top: 5%;
		left: 45%;
		font-family: "Lucida Console", Monaco, monospace;
		color:#F30002;
	}
	.centered_down {
		position: absolute;
		font-size:15px;
		top: 15%;
		left: 45%;
		
		color:#F30002;
	}
	
	
}

@media screen and (min-width: 581px) and (max-width:899px) {
	.centered {
		position: absolute;
		font-size:30px;
		top: 5%;
		left: 45%;
		font-family: "Lucida Console", Monaco, monospace;
		color:#F30002;
	}
	.centered_down {
		position: absolute;
		font-size:20px;
		top: 15%;
		left: 45%;
		font-family: "Lucida Console", Monaco, monospace;
		color:#F30002;
	}
	
}

/* Navigation */
#menu {
	padding: 20px;
	transition: all 0.8s;
    
}
#menu.navbar-default {
	background-color: rgba(231, 231, 231, 0);
	border-color: rgba(231, 231, 231, 0);
    
}
#menu a.navbar-brand {
	font-family: 'Diavlo', cursive;
	font-size: 36px;
	color: #F30002;
	font-weight: 700;
	letter-spacing: 1px;
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	font-size: 15px;
	padding: 5px 0;
	border: 2px solid transparent;
	letter-spacing: 0.5px;
	margin: 10px 15px 0 15px;
}

#menu.navbar-default .navbar-nav > li ul{
	display:none;
	margin-top: 10px;
}

#menu.navbar-default .navbar-nav > li ul li a{
	color: white;
	margin-left: 40px;
	
}

#menu.navbar-default .navbar-nav > li ul li a:hover{
	color: #DE1F2D;
	
}

.on {
	background-color: #F30002 !important;
	padding: 0 !important;
	padding: 10px 0 !important;
}
.on #logo{
	content:url(img/header_logo1.png);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: white !important;
	background-color: red;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #DE1F2D;
	border-color: #DE1F2D;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}