/* Banner Image */
.mybanner {
  min-width: 100%;
  justify-content: center !important;
  display: flex;
}

/* Menu */

/* Override the lila background with white */
.container-header {
    background-color: white;
    background-image: none;

}
.header .container-header .container-below-top .grid-child {
 	min-width: 100%;
  	max-width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    font-size: 160%;
  	font-weight: 800;
}

/* Text should now be blue */
.container-header .mod-menu {
    color: rgb(74, 140, 255);;
    justify-content: center !important;
  	font-weight: 800;
  
}

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

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

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

.header {
    background-color: white;
}

.grid-child {
    padding: 3px 6px;
    background-color: white;
}

.footer {
    background-color: white;
    background-image: none;
    justify-content: center !important;
}

blockquote {
	margin: 1em 3em;
	color: #003296;
	border-left: 2px solid #003296;
	padding-left: 1em;
	font-size: 18px;
}

h3.card-header {
font-size: 130%;
margin-bottom: 12px;
font-weight: 700;
color: #003296;
}

h1 {
   text-shadow: 3px 3px 10px grey;
  color: rgb(74, 140, 255);
  font-size: 180%;
}