body {

	background-color: #ffc107;

}



.navbar.navbar-expand-lg.navbar-light.bg-light {

	background-color: #3c3c3c !important;

}



header{

	position: sticky;

	width: 100%;

	top: 0px;

}



footer {

	text-align: center;

	background-color: #3c3c3c;

	padding: 10px 0px;

	color: #c8c9c7;

}



footer p {

	margin: 0px;

}





h2 {

	text-align: center;

	margin-top: 10px;

	margin-bottom: 0px;

	color: #fff;

}



.searchText {

	word-wrap: break-word;

	word-break: normal;

}



#navbarToggler li:hover {

	display: block;

	background-color: #ffc107;

}



#navbarToggler li a:hover {

	color: #000000;

	background-color: #ffc107;

}



.grid-container {

	display: grid;

	max-width: 1300px;

	margin: 10px auto;

	text-align: center;

}



@media (min-width: 992px) {

	.header {

		height: 80px;

		clear: left;

		background-color: black;

	}



	.headerLogo {

		height: 80px;

		float: left;

		width: 290px;

		background-image: url("../image/logo.png");

		background-size: 100% 100%;

	}



	.headerLogo a {

		width: 100%;

		height: 100%;

		display: block;

	}



	.headerLogo img {

		display: none;

	}



	#navbarToggler {

		height: 64px !important;

	}



	#navbarToggler li {

		padding: 0px 5%;

	}



	#navbarToggler li a {

		color: #c8c9c7;

	}



	#navbarToggler button {

		border: 1px solid #c8c9c7;

		color: #c8c9c7;

	}



	#navbarToggler .btn-outline-info:hover {

		background-color: #3c3c3c !important;

	}



}





@media (min-width: 612px) and (max-width: 992px) {

	h2 {

		text-align: left;

		padding-left: 10px;

	}



	.headerLogo {

		width: 100%;

		background-color: #3c3c3c;

	}



	.headerLogo a {

		width: 100%;

		height: 100%;

		display: block;

		text-align: center;

	}



	.navbar.navbar-expand-lg.navbar-light.bg-light>.container-fluid>.navbar-toggler {

		background-color: #32afd3;

	}



	#navbarToggler li a {

		color: #c8c9c7;

	}



}



@media (max-width: 611px) {

	h2 {

		text-align: left;

		padding-left: 10px;

	}



	.headerLogo {

		width: 100%;

		background-color: #3c3c3c;

	}



	.headerLogo a {

		width: 100%;

		height: 100%;

		display: block;

		text-align: center;

	}



	.navbar.navbar-expand-lg.navbar-light.bg-light>.container-fluid>.navbar-toggler {

		background-color: #32afd3;

	}



	#navbarToggler li a {

		color: #c8c9c7;

	}

}



.clearLeft {

	clear: left;

}



.left {

	float: left;

}



.right {

	float: right;

}