ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
  font-weight: bold;
  justify-content: center !important;
}

.container-below-top {
  background-image: url("images/bg_logo.jpg");  The image used 
  height: 160px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


/* title remove underline */
.container-header .navbar-brand a{
text-decoration: none;
}

/* title set large font size */
.container-header .navbar-brand {
font-size: 3rem;
}

/* tag line set font size */
.container-header .site-description{
font-size: 1.7rem;
}


.menu.no-card {
	margin: 0 auto;
}

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

.container-header .grid-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding: 0;
}

.grid-child.container-nav {
  padding-top: 0;
  margin-bottom: 0px;
}
.container-header nav {
  margin-top: 0;
    margin-bottom: 0px;
}

.container-nav {
  justify-content: center !important;
  padding-top: 0;
  padding-bottom: 0px;
}

/*
.grid-child.container-nav {
 
}


.container-topbar {
  margin-top: 0;
  margin-bottom: 0px;
} 
*/

/*
div.grid-child.container-below-top {
  padding: 0px;
  border:none;
  box-shadow:0 0 20px rgba(0,0,0,0.2);
  border-radius:6px;
}*/


/*
div.grid-child.container-below-top .card-body {
    padding:0!important;
}*/

/*
div.grid-child.container-below-top .card-body p {
    margin:0!important;
}*/

.myklass {
  background-color: black;
}
.myklass .card-body {
  background-color: orange;
}


/*
 Banner Image 
.mybanner {
  min-width: 100%;
}*/

/* Menu */

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

/* 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;
}*/