body {
	font-family: Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 20px;
  padding: 0.5em 0 0 0.5em;
}

p, li {
  font-size: 13px;
  color: #333;
}

.content ul,
.content p {
	padding: 0.5em 1em;
}

.tabs .tab-title > a {
	margin: 0;
	border: 0;
	font-size: 16px;
	padding: 1rem 0.5rem;
}

.tabs .tab-title.active > a:hover {
	background-color: #fff;
}

.tabs dd > a, .tabs .tab-title > a {
	outline: none;
	text-align: center;
}

p {
	margin-bottom: 0;
}

.modal-content:first-of-type {
	margin-top: 1em;
}

.tab-image {
	margin: 0 auto;
	display: block;
	width: 50%;
}

a:hover, a:focus {
	border: none;
	color: white;
}

@media screen and (max-width: 500px) {
  .tabs .tab-title > a {
    font-size: 13px;
    padding: 1rem 0.3rem;
  }
}
