body {
}
.h1, .h2, .h3, .h4 {
  font-size: 1.2rem;
  /* margin-bottom: 0.2rem; */
}
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
a:hover, a:visited {
}

.topic {
  margin-top: 0.4rem;
  margin-bottom: 1rem;
}
.topic .title {
  margin-bottom: 0.8rem;
}

div#title {
	margin-bottom: 0.8rem;
	font-size: 1.9rem;
	background-color: #007bff87;
	padding-left: 17px;
	padding-bottom: 10px;
	margin-top:0;
}
div#title p {
	margin-bottom: 0;
	margin-left: -0.4rem;
}

#scientific_name p {

  margin-bottom: 0.2rem;
}
#common_name {
  display: flex;
}
#common_name .h4 {
  font-size: 1.1rem;
  margin-bottom: 0.1rem;
}
#common_name .h4:after {
  content: ": ";
  margin-right: 3px;
}
#common_name p {
  font-size: 1.0rem;
  margin-bottom: 0;
}
#family {
  display: flex;
}
#family .h4 {
  font-size: 1.1rem;
  margin-bottom: 0.1rem;
}
#family .h4:after {
  content: ": ";
  margin-right: 3px;
}
#family p {
  font-size: 1.0rem;
}

.logo {
    max-height: 115px;
}