:root {
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #383838;
  --body-bg: #efefef;
}

.header {
 background: rgb(0,0,0);
 background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(130,150,102,1) 60%, rgba(0,0,0,1) 100%); 
}

.container-nav {
 background-image: url("../images/Logo.png");
 background-repeat: no-repeat;
 background-size: 400px;
 background-position: right top;
}

.container-header nav {
  margin-top: 1em;
  margin-bottom: 1em;
}

.footer {
  background: rgb(0,0,0);
}

.com-content-article__body {
  background-color: white;
  padding: 20px;
  border: 1px solid #dfe3e7;
  border-radius: 3px;
}

.content {
  padding: 10px;
}

.page-header {
  padding-left: 20px;
}

.card-body {
  background-color:white; 
}

.content {
  background-color:white; 
}

.site-grid {
   grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,18rem)) [main-end] minmax(0,1fr) [full-end];
}