/*Styles for Navigation Bar*/
nav {
	background-color: rgba(244, 246, 249, 1); /*color of navigation bar*/

}

.dropdown-menu {
	background-color: rgba(244, 246, 249, 1); /*color of drop down menu*/
}

.nav-item {
	margin-right: 1.5rem;
}

/*Styles for about Us*/
#about {
	display: flex;
	justify-content: center; /*centers about us paragraph*/
	padding-top: 3rem;
}

@media (max-width: 600px) {
	#about p {
		font-size: 1rem;
	}
}

/*Styles for Slideshow*/
#slideshow {
	margin-top: 4rem;
}

.carousel-item img {
	max-width: 100%;
	height: auto;
}

.col-lg-12 {
	padding-right: 0;
	padding-left: 0;
}

/*Styles for scroll to top button */
.fa-chevron-up {
	font-size: 3rem;
	color: rgb(100, 104, 102);
}

.fa-chevron-up:hover{
	cursor: pointer;
	color: rgb(173, 178, 175);
  }
  
#topButton {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	position: fixed;
	bottom: 2rem;
	right: 1.5rem;
	transition: opacity .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
  }

  #topButton i {
	  font-size: 10rem;
  }

  #topButton.show {
	opacity: 1;
	visibility: visible;
  }

/*Styles for Footer*/
footer {
	margin-top: 4rem;
	padding: 3rem 6rem 3rem 1.5rem;
	background-color: rgb(23, 45, 56);
}

#links h1{
	font-weight: lighter;
	font-size: 1.25rem;
	color: white;
}

#links a {
	font-size: 1rem;
	color: rgb(159, 169, 183);
}