body{
	background: #333;
	color: #fff;
}

.navbar{
	border-bottom: blue 3px solid;
	opacity: 0.95;
}
.navbar-brand img{
	width: 30%;
	height: auto;
}
#home-section{
	background: url('../img/bg.jpeg') no-repeat center top fixed;
	background-size: cover;
	background-attachment: fixed;
	min-height: 700px;
}
.dark-overlay{
	background-color: rgba(0,0,0,0.7);
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 700px;
}
.home-iner{
	padding-top: 120px;
}
.card-form{
	background-color: rgba(0,145,255,0.5);
}
#home-section .fa{
	border-radius: 5px;
	background-color: white;
	padding: 4px;
	color: #000;
	font-size: 30px;
	border: 2px rgba(0,145,255,0) solid;
}
#home-section .fa:hover{
	transform: ease;
	border: 2px rgba(0,145,255,1) solid;
	color: rgba(0,145,255,1);
}
#explore-section .fa, #share-section .fa{	
	border-radius: 5px;
	background-color: rgba(0,145,255,1);
	padding: 4px;
	color: #fff;
	font-size: 30px;
	border: 2px rgba(0,145,255,0) solid;
}
#explore-section .fa:hover, #share-section .fa:hover{
	transform: ease;
	border: 2px rgba(0,145,255,1) solid;
	color: rgba(0,145,255,1);
	background-color: #fff;
}
#create-head-section{
	background-color: rgba(0,145,255,1);
	color: #fff;
}


@media(max-width:576px){
	nav .container{
		width: 100%;
	}
	nav ul{
		text-align: center;
	}
	nav li{
		border-top: 1px solid;
	}
}