/* Bootstrap

/***********************************************************/

/***********************************************************/

/***********************************************************/

h1 {

  margin-bottom: 2rem;

}





a {

  color: #00573d;

}





a:hover {

  color: #003d2b;

}









/* Page

/***********************************************************/

/***********************************************************/

/***********************************************************/

#page {

  max-width: 2200px;

}





#page header {

  border-top: 15px solid #00573d;

}





.mg-navbar .navbar-nav .dropdown-menu .dropdown-header {

  color: #212529;

  font-weight: bold;

}





#page footer {

  background-color: #00573d;

  border-top: 5px solid #181818;

  color: #fff;

  padding: 80px 0;

}





.mg-footer-menu .nav-link {

  color: #fff;

}





.mg-footer-menu .nav-link:hover {

  text-decoration: underline;

}









/* Body

/***********************************************************/

/***********************************************************/

/***********************************************************/

#body {



}





.mg-main-content {

  padding: 3rem 0 2rem;

}





.mg-bottom-content {

  padding-top: 3rem;

}





.mg-side-menu--group {

  border: 1px solid #ccc;

  margin-bottom: 1rem;

}





.mg-side-menu--group h3 {

  background-color: #ccc;

  margin-bottom: 0;

  padding: 1rem;

}





.mg-side-menu {

  border-top: 1px solid #ccc;

}





.mg-side-menu .nav-link {

  color: #00573d;

}





.mg-side-menu .nav-link:hover {

  background-color: #f2f6f5;

}





.mg-site-map--list {

  list-style: none;

  padding: 0;

}





.mg-site-map--list ul li {

  list-style-type: square;

}









/* Common

/***********************************************************/

/***********************************************************/

/***********************************************************/

.flex-container--2 .flex-item,

.flex-container--3 .flex-item {

  width: 100%;

}









/* Media Queries

/***********************************************************/

/***********************************************************/

/***********************************************************/

@media (min-width: 768px) {

  .flex-container--2 .flex-item,

  .flex-container--3 .flex-item {

    width: 45%;

  }

}





@media (min-width: 992px) {

  .flex-container--3 .flex-item {

    width: 30%;

  }

}