/* Put your custom css here */
body {
	background:url("../images/bg_image.jpg") no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

/* pre header */
#preHeader, footer{
	display:none;
}

/* MAIN MENU */
#mainHeader{
	background:transparent;
	box-shadow:0 0 0 transparent;
}

/* header */
header {
	background:rgba(0,0,0,0.1);
	-webkit-background-size: cover;
	background-size: cover;
}

.navbar-default .navbar-nav > li > a {
	font-weight:500;
	color:#FFF;
}

.navbar-default .navbar-nav > li > a:hover{
	color:#ccc;
}

.btn{
	padding:5px 10px;
}

/* footer */
footer{
	background: transparent;
	padding:65px 0 0 0;
}

@media screen and (min-width:992px){
	/* Logo */
	.navbar-header img{
		max-height:50px;
	}

	.navbar{
		min-height:87px;
	}

	.navbar-default .navbar-nav > li > a {
		padding:15px;
	}

	.alert{
		margin:0 400px 30px 400px;
		padding:10px;
	}

	#php_member_form{
		padding-left:5%;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	.container{
		width:100vw;
	}

	.navbar{
		min-height:50px;
	}

	.navbar-default .navbar-nav > li > a {
		padding:15px 20px;
	}

	.navbar-nav.navbar-right:last-child{
		margin-right:0;
	}

	/* Logo */
	.navbar-header img{
		max-height:40px;
	}

	.alert{
		margin:-50px 150px 50px 150px;
		padding:10px;
	}

	#php_member_form{
		margin:-50px 200px 0 250px;
	}
}

@media screen and (max-width:767px){
	/* Logo */
	.navbar-header img{
		max-height:30px;
	}

	.navbar-default .navbar-toggle{
		background:#33b9d5;
		border:0;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background:#FFF;
	}

	.navbar-default .navbar-nav > li > a {
		padding:5px;
	}

	.navbar-nav{
		background:#33b9d5;
	}

	.form-group{
		margin-bottom:0;
	}
}

@media screen and (min-width:480px) and (max-width:767px){
	#php_member_form{
		margin:-10px 100px 0 120px;
	}
}

@media screen and (max-width:479px){
	#php_member_form{
		margin:-10px 20px 0 20px;
	}
}