body{
	font-family: OpenSans, sans-serif;
}


/* NAVBAR */
#navContainer .navbar-default{
	background-color: rgba(255, 255, 255, 0.8);
	/*background-color: rgba(237, 240, 238, 0.8);*/
	border: none;
	min-height: 50px;
	height: 50px;
}

#navContainer .navbar-collapse{
	background-color: rgba(255, 255, 255, 0.8);
	/*background-color: rgba(237, 240, 238, 1);*/
	overflow: hidden !important; 
}

#navContainer .navbar-default .container-fluid, 
#navContainer .navbar-header, 
#myNavbar ul, .menuOption{
		height: 100% !important;
}

@media screen and (min-width: 768px) {
    #navContainer .navbar-default {
        height: 80px;
    }

	#myNavbar{
		height: 100% !important;
	}

	#navContainer .navbar-collapse{
		background-color: transparent !important;
	}
}

#navContainer .navbar-collapse{
	padding: 0;
}

#navContainer .container-fluid{
	padding: 0;
}

.navbar-brand{
	height: 100% !important;
	padding: 0;
	margin: 0 !important;
}

.navbar-brand img{
	max-height: 100%;
	max-width: 100%;
}

#navContainer .navbar{
	margin-bottom: 0 !important;
	width: 100%;
}

#myNavbar ul{
	padding-left: 18px;
}

@media screen and (min-width: 768px) {
    #myNavbar ul{
		float: right;
		padding-left: 0;
	}
}

.menuOption a{
	color: rgb(137, 134, 134);
	padding: 0;
	top: 37.5%;
	height: 25%;
	font-size: 1.24em;
	font-weight: 700;
}

.menuOption a:hover{
	color: rgb(55, 154, 183);
}