: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);
• }