body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  color: #000;
}
h1,h2,h3,h4,h5 {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-weight: 600;
  font-style: italic;
}

section {
  padding-top: 100px;
  padding-bottom: 80px;
}
section.call-to-action {
  padding-top: 60px;
  padding-bottom: 40px;
}

section#home {
  padding-top: 40vh;
  padding-bottom: 20vh;
  background-size: cover!important;
}
section#home h1, 
section#home p{
  color: #fff;
  text-shadow: 0px 0px 5px rgba(50, 50, 50, 0.7);
}


.btn { font-weight: 600; }

header.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transition: all .3s;
  border: none;
  background-color: transparent !important;
}

header.navbar.navbar-shrink {
  padding-top: 0;
  padding-bottom: 0;
}

header.navbar .navbar-brand {
  font-size: 2em;
  line-height: 3em;
  transition: all .3s;
  color: #fff;
  font-style: italic;
  margin: auto;
}

header.navbar:not(.navbar-shrink) .navbar-toggler {
  display: none;
}

header.navbar .navbar-brand img {
  height: 100px;  
}

header.navbar.navbar-shrink .navbar-brand {
  font-size: 1.5em;
  line-height: 1.75em;
  margin-left:0;
}
header.navbar.navbar-shrink .navbar-brand img {
  height: 50px;
}
header.navbar.navbar-shrink .nav-link{
    opacity:0.75;
}
header.navbar.navbar-shrink .nav-link:hover,header.navbar.navbar-shrink .nav-link.active{
    opacity:0.90;
}
#listings a {text-decoration:none; color: #000; }
#listings a:hover {text-decoration: underline;}

#faq { border-top: 5px dashed;}
#faq ul {list-style: none;}
#faq li {padding-bottom: 20px;}
#faq p {padding-left: 15px; padding-top:10px;}
#faq a {font-size:1.3em; }

@media (min-width: 768px) { 
.ratio-1x1 {
    --bs-aspect-ratio: 43%; /* 21x9 */
}
}