/* CSS Document */
body {
	margin:0;
	padding:0;
	background:#6C0F2B;
overflow-x: hidden;}
	
/*---header---*/
.navbar{
	background-color:#333333;
	border-bottom:solid 1px #f8f9fa;
	border-top:solid 1px #f8f9fa;
	position: fixed;
	top:0;
	width:100%;
	z-index:99;
	overflow-x: hidden;
	}
.navbar .navbar-nav .nav-link{
	color:#f8f9fa;
	border-radius: .25rem;
  	margin: 0 0.25em;
	letter-spacing:0.1em;
	font-size: 1.5em;
}

.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #333;
  background-color:#f8f9fa;
}

.navbar .navbar-toggler {
  border-color: #f8f9fa;
  color:#f8f9fa;
}

.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #f8f9fa;
  color:#333;
}
.btn {font-size:1.5rem;}
#banner {
	height: 20vh;
	margin-top:58px;
	display: flex;
	align-items: center;
}
#banner,#links {
background-color:#6C0F2B;}
#banner h1 {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.41);
	font-size: 4rem;
	width: 100%;
	padding: 50px;
	
}
.review-stars { color: #6C0F2B; font-size: 1rem; }

.row {margin-left: 0; margin-right:0 ;}
.addSpace {padding-top: 60px !important;}
/*extra small devices (less than 576px ) */
@media (max-width: 575.98px) {
	.navbar-nav li:last-of-type { margin-bottom:10px;}
	.navbar .navbar-nav .nav-link {	padding-left:10px;}
	#banner { height: 16vh;}
	#banner h1 {
		font-size: 3rem;
		padding: 10px;
	}
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
		.navbar-nav li:last-of-type { margin-bottom:10px;}
	.navbar .navbar-nav .nav-link {	padding-left:10px;}

	}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar-nav li:last-of-type { margin-bottom:10px;}
	.navbar .navbar-nav .nav-link {	padding-left:10px;}
	}