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

/* Menu */

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

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

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

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

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

.site-grid {
    background-color: #f4f6f7;
}

.header {
    background-color: #f4f6f7;
}

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

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

.btn-secondary {
  background-color:#6d757e;
  border-color:#6d757e;
  color:#fff
}


.butn {
    display: inline-block; /* Строчно-блочный элемент */
    background: #005199; /* цвет фона */
    color: #fff; /* Белый цвет текста */
    padding: 1rem 1.1rem; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
}

.butn:hover {
  color: #00B3FF;
}

.butn-gr {
    display: inline-block; /* Строчно-блочный элемент */
    background: #6d757f; /* цвет фона */
    color: #fff; /* Белый цвет текста */
    padding: 1rem 1.1rem; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
}

.butn-gr:hover {
  color: #00B3FF;
}