@font-face {
  font-family: 'Marketing-Script';
    src:  url('/uploads/Marketing-Script.ttf.woff') format('woff'),
    url('/uploads/Marketing-Script.ttf.svg#Marketing-Script') format('svg'),
    url('/uploads/Marketing-Script.ttf.eot'),
    url('/uploads/Marketing-Script.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
.navbar-brand {
  font-family: 'Marketing-Script';  
  color: #111;
  font-size: 36px;
  height: auto;
  line-height: 36px;
  margin-right: 50px;
  margin-top: 17px;
  padding: 0;
}

#main > header > h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose p,header nav >li >a{
  /* font-family: 'Helvetica Neue, Helvetica, Arial, sans-serif'; */
  color: #626668;
  font-weight:bold;
  font-size:20px;
}
#main > header > h1{
  font-size:32px;
  color:black;
}
.prose h2{
  font-size:28px;
  color:black;
}
.prose h3{
  font-size:24px;
}
.prose h4{
  font-size:20px;
}
.prose h5,.prose h6,.prose p{
  font-weight:normal;
  font-size: 14px;
}

header nav > ul.sm\:flex > li > a{
    color:#72797b;
    font-size:15px;
    background-color: #f8f8f8;
}

header nav > ul.sm\:flex > li > a{
    color:#72797b;
    padding: .7rem  1.5rem;
}


@media only screen and ( max-width: 640px ){
  header nav > ul.sm\:flex > li > a{
    padding:.3rem;
  }
}
  header nav > ul.sm\:flex > li > a:hover, header nav > ul.sm\:flex > li > a:focus, header nav > .active > a, header nav > .active > a:hover, header nav > .active > a:focus{
      background-color:#97bc31;
      color:white;
      text-decoration:none;
  }
.py-12 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.bg-slate-50{
    background-color:white;
}

@media only screen and ( min-width: 640px ){
  ul#footlitstlinks > li {
    display: inline-block;
    padding:.3rem 1rem;
    list-style: none;
  }
  ul#footlitstlinks > li:first-child{
    padding-left: 0;
  }
  ul#footlitstlinks > li:last-child{
    padding-right: 0;
  }

  ul#footlitstlinks > li a,ul#footlitstlinks > li a:visited,ul#footlitstlinks > li a:hover,ul#footlitstlinks > li a:focus,ul#footlitstlinks > li a:active{
    text-decoration: none;
    color:gray;
    size: 85%;
  }
}

a,p > a,.text-red-600{
  color: #97bc31;
  text-decoration: none;
}
a:hover,p > a:hover {
  text-decoration: underline;
}