.navbar {
		background-color: #263238 !important;
		border-bottom: none !important;
	}
	.navbar-brand {
		margin-left: 2rem;
	}
	.nav-form {
		width: 100%;
		margin-left: 2.5rem;
		position: relative;
	}
	.nav-form input {
        width: 87%;
        background-color: #37474F;
        border:none;
        height: 50px;
        color: white;
	}
	.nav-form input::placeholder {
		color: #CCCCC4;
	}
	.nav-form input:focus {
		background-color: black;
		border-color: #CCCCC4;
		outline: none;
		box-shadow: none;
		color: white;
	}
	.navbar-collapse {
		margin-right: 7rem;
	}
	.nav-item {
		margin-right: 2rem;
	}
	.nav-item .nav-link {
		color: red !important;
		font-family: 'Roboto',sans-serif;
		font-weight: 400;
	}
	.search-nav-btn {
		background-color: transparent;
		border:none;
		outline: none;
		color: #CCCCC4;
		position: absolute;
		right: 15%;
		top: 25%;
	}
	.nav-item .nav-link:hover {
		color: white !important;
	}

	
	@media only screen and (max-width: 992px){
		.navbar-collapse {
    margin-right: 0%;
}
	}
	@media only screen and (max-width: 800px){
		.navbar-nav {
			padding-top: 7px;
		}
	}
	@media only screen and (max-width: 767px){
		.navbar-nav {
			margin-left: 2rem !important;
			margin-top: 2rem !important;
		}
	.nav-form {
	margin-top: 0.5rem;
	margin-left: 0 !important;
	}
	.nav-form input {
		height: 40px;
	}
	.search-nav-btn {
		top: 21%;
	}
	}