body {
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 17px;
}

a {
  color: #990099;
}

a:focus, a:hover {
  color: #336633;
  text-decoration: none;
}

h1 {
  font-size: 28px;
  font-family: 'Viga', sans-serif;
  margin-bottom: 10px;
}

h2 {
  font-size: 16px;
  font-family: 'Viga', sans-serif;
  text-transform: uppercase;
}

h3 {
  font-size: 20px;
}

.green {
  color: #336633;
}

.btn-dark {
  color: #ffffff;
  background-color: #990099;
  border-color: #990099;
}

.btn-dark:hover {
  color: #ffffff;
  background-color: #336633;
  border-color: #336633;
}

.btn-outline-dark {
  color: #990099;
  border-color: #990099;
}

.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #990099;
}

.footer {
  background-color: #990099;
  color: #ffffff;
}

.footer a {
  color: #ffffff;
}

.footer a:focus, a:hover {
  color: #333333;
  text-decoration: none;
}

.navbar {
  padding-right: 8px;
}

.navigation {
  -webkit-box-shadow: 3px 0 6px silver;
          box-shadow: 3px 0 6px silver;
}

.navbar-nav .nav-link, .nav-item {
  color: #333333;
  font-size: 16px;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: #990099;
  font-family: 'Viga', sans-serif;
}

.navbar-nav .show > .nav-link,
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link.active {
  color: #990099;
  font-family: 'Viga', sans-serif;
}

.navbar-toggler {
  color: #333333;
  border-color: #333333;
  margin-right: 8px;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: #efeff0;
  color: #990099;
}

.dropdown .active {
  background-color: #efeff0;
  color: #990099;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(25, 25, 25, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-logo {
  height: 40px;
}

@media (max-width: 992px) {
.nav-logo {
  height: 30px;
}
}

.bg-grey {
    background-color: #efeff0;
}

#banner {
    position: absolute;
    top: 130px;
    left: 50%;
    width: 800px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 10;

}

@media (max-width: 992px) {
#banner {
    width: 90%;
}
}