/* relative font sizing in em's' is based on 16px for desktop/tablet and 14pm for mobile */
/* see https://www.w3schools.com/tags/ref_pxtoemconversion.asp */
body {
  font-size: 14px;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

.text-underline{
    text-decoration: underline;
}

.font-barlow {
  font-family: 'Barlow Condensed', sans-serif;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

h1 {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.625em;
}

h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 2em;
  margin-bottom: .7em;
  margin-top: .7em;
  text-transform: uppercase;
  text-align: center;
}

h2 span {
  display: block;
}

h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1em;
  font-weight: 700;/*
  line-height: 1.7143em;*/
  margin-bottom: 1em;
  margin-top: 1em;
}

h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: none;
}

h5 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.2em !important;
  font-weight: 600;
}


p, address, li, label{
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  line-height: 1.4em;
}

label {
  margin-bottom: .1rem;
}

.form-group {
  margin-bottom: .75rem; 
}

p, address {
  margin-top: 1em;
  margin-bottom: 1em;
}

.font-lg {
  font-size: 1.65em;
  line-height: 1.2em;
}

.font-sm {
  font-size: .8750em;
  line-height: 1.3em
}

.font-xs{
  font-size: .80em !important;
  line-height: 1.4em;
}


.blogPostWrapper h5 {
  margin: .5em 0 .1em 0;
}

.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1em;
  border-radius: 0 !important;
  padding: .95em .8em;
    min-width: 275px;
}

.dropdown-menu {
  font-size: inherit;
}
.nav-link, .dropdown-item, nav button, .navbar a.btn {
  font-size: 1em;
}

#blogFilter .nav-link {
  font-size: .9em;
}