body {
  font-family: 'Lato', sans-serif !important; }

p {
  font-size: 0.8em; }

.title-bg {
  background-image: url("../img/DominguezChannelDrone2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #eee;
  height: 30em; }

.bg-1 {
  background-color: rgba(215, 179, 119, 0.2) !important; }

.bg-2 {
  background-color: #D7B377 !important; }

.bg-color-lightgray {
  background-color: #eee; }

.bg-color-lightblue {
  background-color: #d6e9f7; }

.color-blue {
  color: #0077c8 !important;}

.text-white {
    color: #fff;
}

.text-fadewhite {
    color: #aaa;
}

.rounded-corner {
  border-radius: 5px; }

.shadow-light {
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(49, 51, 59, 0.1) !important;
  box-shadow: 0 0.125rem 0.5rem rgba(49, 51, 59, 0.1) !important;
  border: 1px solid #ddd; }

.title-container {
  position: absolute;
  width: 75%; }

h1 {
  color: #27394B !important;
  font-weight: bold; }

h2 {
  /*color: #796241 !important;*/
  font-weight: bold !important; }

h3 {
  margin-bottom: .8em; }

li {
  font-weight: bold; }

.text-darkblue {
  color: #27394B !important; }

.p-dark {
  color: #755f3f !important; }

.hr-bg-2 {
  border-top: 4px solid #D7B377; }

.meetings img {
    width: 124px;
}

.bg-text-title {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2em 1em !important;
  margin-top: 6vw !important;
  /* width: 50vw !important;*/ }
  .bg-text-title h1 {
    font-size: 1.4em !important;
    font-weight: 500 !important; }
  .bg-text-title p {
    font-size: 0.9em !important;
    font-weight: 300 !important; }

.social-icons {
  display: flex !important;
  margin: 0 0 0 -5px !important;
  padding: 0;
  align-items: stretch;
  list-style: none; }
  .social-icons li {
    position: relative !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px; }
    .social-icons li a {
      position: absolute;
      display: block;
      font-size: 0 !important;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0 !important;
      border-bottom: 0 none transparent !important; }

.social {
  list-style: none;
  padding: 0; }
  .social li {
    display: inline-block;
    margin-right: .2em;
    font-size: 1.2em; }

.toolkit a {
  width: 160px; }
  .toolkit a:first-child {
    margin-right: 1em; }

/*.toolkit {
    a {
        width: 160px;
        &:first-child {
            margin-right: 1.0em;
        }
    }
}*/
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  main {
    font-size: 1em; } }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  main {
    font-size: 1em; } }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  main {
    font-size: 1.2em; }

  nav {
    font-size: 1rem; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  main {
    font-size: 1.4em; }

  nav {
    font-size: 1.2rem; } }