@charset "utf-8";
/* CSS Document */
h1 {
	font-size: 4em;
}
body {
	background-color: #F2E5D5;
}
.head {
	color: #F2D8A7;
	text-shadow: 2px 2px #BF9E75;
}
.navbar {
	background-color: #6F96A6;
}
.nav-link {
	color: 	#F2D8A7;
}
#hero-img {
	background-image: url("image/otter1.jpg");
	background-size: cover;
	height: 400px;
}
@media screen and (max-width: 576px) {
  #hero-img {
    background-image: none;
	background-color: #55727E;
  }
}
.btn {
	background-color: #F2D8A7;
	color: #0051FF;
}
.card {
	background-color: #F2E5D5;
}
.container-fluid .row, .card {
	border: 2px solid #6F96A6;
	color: #55727E;
}
.btn-color {
	background-color: #6F96A6;
	color: #F2E5D5;
}
.accordion-item, .accordion-header, .accordion-button {
	background-color: #F2E5D5;
}
.accordion-item {
	border: 2px solid #6F96A6;
}
#gallery1 {
	background-image: url("image/otter5.jpg");
	background-size: contain;
}

#gallery2 {
	background-image: url("image/otter6.jpg");
	background-size: cover;
}

#gallery1, #gallery2 {
	height: 150px;
}

.citation {
	height: 50px;
}
.active {
	color: #DBB55E;
}
.dropdown-item .nav-link {
	color: #6F96A6;
}
.container .row, .card {
	border: 2px solid #6F96A6;
	color: #55727E;
}
#buttons {
	border: 0;
}
#buttons .btn {
	height: 75px;
	font-size: 1.5em;
}
#submit {
	background-color: #6F96A6;
	color: white;
}
#reset {
	color: #55727E;
}
.form-control, .form-check-input {
	background-color: #F2E5D5;
	border: 1px solid #8E8E8E;
}
#introtext {
	font-size: 1.15em;
	min-height: 75px;
}
.row footer {
	border: 2px solid #6F96A6;
	color: #55727E;
}