@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:wght@500&display=swap');
body {
  background: #ffffff;
  color: #666;  
  line-height: 1.7em;
  font-weight: 500;
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
  line-height: 1.1em;
  font-weight: 500;
  color: #333;
  font-size: 1.75rem;
}
.header-img {
  display: none;
}
.header-img-mobile {
  display: block;
}
.content-highlight {
  //background: #D1D0C9;
  //color: #686867;
  padding: 1rem;
  //margin: 1rem 0;
}
.form-group .form-control {
  border-radius: 0;
  border: 1px solid #ddd !important;
  height: calc(1.5em + 1.5rem + 2px);
  padding: .75rem .75rem;
}
.form-control:focus {
  border-color: #999 !important;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.0) !important;
}
.btn-primary {
  background-color: #ffffff !important;
  color: #C88C2A !important;
  padding: .75rem;
  border-radius: 0;
  border: 2px solid #C88C2A !important;
  font-size: 1.1rem;
  font-weight: 600;
}
.btn-primary:hover {
  background-color: #C88C2A !important;
  color: #ffffff !important;
}
.content-highlight .text-center img {
  margin-bottom: 1rem;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .header-img {
    display: block;
  }
  .header-img-mobile {
    display: none;
  }
  .content-highlight .text-center img {
    margin: 0;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */