/*Styles for Navigation Bar*/
nav {
	background-color: rgb(244, 246, 249);
}

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

.dropdown-menu {
	background-color: rgb(244, 246, 249);
}

#heading {
	background: url(../pics/contact.jpg);
	background-position: center center;
	background-size: cover;
	padding-top: 10rem;
	padding-bottom: 10rem;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	margin-top: 4rem;
}

#contact {
	background: rgba(255, 255, 255, 0.5)
}

/*Styles for Contact Cards */
.card {
	padding-top: 1.5rem;
	height: 15rem;
	transition-duration: .2s;
	background: rgba(255, 255, 255, 0.8);
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: .2rem .3rem 1rem rgb(228, 231, 235);
}

.card-body {
	text-align: center;
	color: rgb(37, 55, 84);
	overflow: hidden;
}

.card-body p {
	color: rgb(13, 81, 60);
}

.fa-phone-square-alt, 
.fa-envelope-open-text,
.fa-building { /*Card icon styles*/
	font-size: 4rem;
	padding-bottom: 1rem;
}

/*Styles for Google Maps*/
.map-responsive{
    overflow: hidden;
    padding-bottom: 20%;
	width: 100%;
	position: relative;
}

.map-responsive iframe{
    left: 0;
	top: 0;
	height: 100%;
    width: 100%;
	position: absolute;
}

@media (max-width: 1100px) {
	.map-responsive{
		padding-bottom: 30%;
	}	
}

@media (max-width: 700px) {
	#downbutton {
		display: none;
	}

	.map-responsive{
		padding-bottom: 40%;
	}	
}

@media (max-width: 500px) {
	.map-responsive{
		padding-bottom: 80%;
	}	
}

/*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 {
	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);
}