:root {
  --site: #355e3b;
/*5C7FB8;*/
  --site-dark: #800020;
/*1A3060;*/
}

.container {
  width: 1400px;
  max-width: 100%;
  padding: 0 15px;
}
.head-img {
  margin: 0 -15px;
}
.head-img img{
  width: 100%;
  max-width: 100%;
}
/*-------------
--Navbar
--------------*/
.navbar {
  padding: 0;
  padding-top: .5rem;
}
.navbar .container {
  padding: 0;
}
.navbar-nav {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
  width: 100%;
}
.navbar .ml-auto {
	margin-left: 0 !important;
	margin-right: 0;
}
.nav-item {
  text-align: center;
}
.nav-link {
  width: 100%;
  border: 2px var(--site) solid;
  margin-bottom: 5px;
  color: var(--site);
  border-radius: 5px;
  transition: 0.1s all ease-in-out;
}
.nav-link:hover {
  color: white;
  background-color: var(--site-dark);
  border: 2px var(--site-dark) solid;
}
.nav-link.active {
  color: white;
  background-color: var(--site-dark);
  border: 2px var(--site-dark) solid;
}
.navbar .dropdown-menu {
  padding: 0;
  left: 100%;
  top:0;
  border: var(--site-dark) 1px solid;
}
.navbar .dropdown-menu ul {
  padding: 0;
}
.navbar .dropdown-menu li:hover{
  background-color: var(--site-dark);
}
.navbar .dropdown-menu li:hover a{
  color: white;
}
.navbar .dropdown-menu a {
  display: block;
  color: var(--site-dark);
}
.navbar-toggler {
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.4);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px){
  .navbar {
  	background-color: var(--site-dark);
  	margin: 0 -17px;
  	padding: 15px;
  }
  .navbar .dropdown-menu {
    left: 0;
  }
  .nav-link {
    border: none;
    color: white;
  }
  .nav-link:hover {
    border: none;
  }
  .nav-link.active {
    border: none;
  }
}
/*---------------
--Footer
----------------*/
.foot {
  color: white;
  text-align: center;
  padding: 5px 0;
  margin: 0 -16px;
  border: var(--dark) thin solid;
}
.foot a {
  color: white;
}