body {
  background-color: #f4f6f7;
}

.container-below-top {
    justify-content: center !important;
}

.site-grid {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 20px;
    background-color: #fff;
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #d7d7d7;
}

.grid-child {
        background-color: white;
}

/* Menu */

/* Override the lila background with white */
.container-header {
    max-width: 1300px;
    margin-left: auto;
    margin-top: 20px;
    margin-right: auto;
    padding-top: 20px;
  padding-bottom: 20px;
    background-color: #f4f6f7;
    background-image: none;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #d7d7d7;
}
.main-top.card {
    background: #e1e9f5;
}

/* Text should now be blue */
.container-header .mod-menu {
    color: #0088cc;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #0088cc;
}


/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    background-color: #eee;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #0088cc;
    border: 1px solid #0088cc;
}

.header {
    background-color: #fff;
}

.grid-child {
    padding: 3px 15px;
    background-color: #fff;
}

.footer {
    background-color: #fff;
    background-image: none;
}


.h2, h2 {
    font-size: 1.4rem;
}

.h3, h3 {
    font-size: 1.1rem;
}

.card-body {
    
   background-color: #f4f6f7;
    
}