:root {
  • -primary-color: #892717;
  • -secondary-color-1: #ffcb00;
  • -main-text-fontsize: 21px;
  • -main-text-fontfamily: 'EB Garamond', serif;
  • -main-title-fontfamily: Quicksand, sans-serif;
  • -navbar-bg-color: #fff;
  • -navbar-text-color: #333;
  • -navbar-link-color: #333;
  • -navbar-link-bg-color: transparent;
  • -navbar-link-hover-color: #e3001b;
}
html, body {line-height: 1.4;}
#yw-topnav {
  • border-bottom: 2px solid var(--primary-color);
  • box-shadow: 0 1px 10px rgba(15,0,0,.4);
}

.navbar-brand img {
  • width:45px;
  • border-radius:50%
}
#yw-topnav .btn.btn-default {
  • background: var(--navbar-bg-color) !important;
  • color: var(--navbar-link-color) !important;
    • border: 2px solid rgb(51,51,51);
}
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
  • background: var(--secondary-color-2) !important;
  • color: var(--navbar-bg-color) !important;
    • border: 2px solid var(--primary-color);
}

h1 {
  • letter-spacing: initial;
  • font-weight: 900;
}
h2 {
  • font-weight: 700;
}
h3,h4,h5,h6 {
  • font-weight: 500;
}
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
  • margin-top: 0;
}
section h2 {
  • margin: 0 0 .5em;
}


.grid-container {
  • display:grid;
  • grid-template-columns: 1fr 1fr 1fr;
    • grid-gap:1em;
}

.box {
  • text-align: center;
  • text-decoration: none;
  • display: block;
  • background: #f8f8f8;
  • border-radius: .5em;
  • color:var(--primary-color);
}

.box h3 {
  • font-size: 1.25em;
  • color:var(--primary-color)
}

.box:hover, .box:hover h3 {
  • color:var(--secondary-color-1);
  • text-decoration:none;
}

.box .img-responsive {
  • object-fit: cover;
  • max-height: 220px;
  • min-width: 310px;
  • margin: 1em 1em 0 1em;
}

.btn-toolbar .btn-group.pull-right {display:none}

#yw-topnav .navbar-nav > li > a {
  • font-family: var(--main-title-fontfamily);
  • }