body {
	font-family: "Bricolage Grotesque", serif !important;
}

a {
	text-decoration: none;
}

.navbar {
	background-color: white;
	font-size: 16pt;
	padding: 20px 0 0;
	
}

#mainNav .navbar-toggler {
	position: absolute;
	top: 10px;
	right: 10px;
}

#mainNav .navbar-brand {
	margin: 10px auto 0;
}

#content-container {
	padding: 183px 0 0;
}

.container > p:last-child {
	margin-bottom: 0;
}
	
#home p {
	margin-bottom: 0;
}

.paw {
	font-size: 50px;
	padding: 0 0 20px;
}

.icon {
	padding: 0 5px 0;
}

.fee-list > ul {
	max-width: 40em;
	padding: 0;
	overflow-x: hidden;
	list-style: none;
	font-weight: normal;
}

.fee-list > ul li {
	padding: 0;
	font-size: 1.3em;
}

.fee-list > ul > li:before  {
	float: left;
	width: 0;
	white-space: nowrap;
	content:
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
}

.fee-list > ul span:first-child {
	padding-right: 0.33em;
	background: white
}

.fee-list > ul span + span {
	float: right;
	padding-left: 0.33em;
	background: white
}

h1 {
	font-family: "Bricolage Grotesque", serif;
	font-weight: 400;
	font-size: 28pt;
	line-height: 20pt;
}

h1 > big {
	font-weight: 800;
	font-size: 42pt;
	line-height: 50pt;
}

h1 > small {
	font-weight: 300;
	font-style: italic;
	font-size: 20pt;
}

p {
	font-weight: 400;
	padding: 15px 0 0 0;
	font-size:1.3em;
}

header {
	padding: 0px 0px 15px;
}

.intro {
	font-size: 18pt;
}

.services {
	padding: 0;
	margin: 30px 0 0 0;
}

.divider-custom {
  margin: 1.25rem 0 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.divider-custom .divider-custom-line {
  width: 100%;
  max-width: 7rem;
  height: 0.25rem;
  background-color: #111;
  border-radius: 1rem;
  border-color: #111;
}

.page-section {
	padding: 50px 10px;
	scroll-margin-top: 80px;
}

.page-section-heading {
	font-family: "Bricolage Grotesque", serif;
	font-weight: 800;
}

@media (min-width: 576px) {
	#mainNav .navbar-brand {
		margin: 0;
		position: relative;
		left: -30px;
	}
	
	#mainNav > .container {
		position: relative;
	}

	#navbarResponsive > ul {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#home {
		padding: 100px 0;
	}
	
	#home p {
		margin-bottom: 1rem;
	}
}

.accordion-button {
	background-color: #222;
	color: white;
}

.accordion-item {
	background-color: #222;
	color: white;
}

.accordion-button {
	background-color: #000;
	font-weight: 400;
	font-size: 16pt;
}

.accordion-body {
	font-size: 14pt;
}

.insured {
	padding-top: 50px;
	text-align: center;
}

.footer {
	background-color: #111;
	padding-top: 0px;
	padding-bottom: 0px;
}

.copyright {
	color: white;
}

.contact {
	width:100% ;
	margin:0 auto;
}

.contact-section {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 1rem;
}

.contact-intro > * + * {
  margin-top: 1rem;
}

.contact-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.contact-description {
  color: rgb(107 114 128);
}

.form-group-container {
  padding-top: 0;.
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-label {
  margin-bottom: 0.5rem;
}

.form-input,
.form-textarea {
  padding: 0.5rem;
  border-left: none;
  border-right: none;
  border-top: none;
  border-color: #111;
  background-color: #fff;
  color: #000;
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  box-shadow: none;
}

.form-input::placeholder,
.form-textarea:focus-visible {
  color: #222 ;
}

.form-input:focus-visible,
.form-textarea:focus-visible {
	outline: 1px solid #111;
	outline-offset: 2px;
}

.form-textarea {
  min-height: 200px;
  border: 2px solid #111;
}

.form-submit {
	margin-top: 20px;
	width: 250px;
	background-color: #111;
	color: #fff;
	padding-top: 12px;
	padding-bottom: 8px;
	border: none;
}

label {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

footer .container {
	padding-top: 12px;
}