.container {
  max-width: 980px;
  margin: 0 auto;
  background: white;
  padding: 1em 3em;
}

body {
  background-color: #f5f5f5;
}

.topBarArea {
  height: 131px;
  z-index: 999;
}

.topBarArea_small {
  height: 114px;
  z-index: 999;
}

.top {
  top: 2px;
}

.container_empty {
  max-width: 980px;
  margin: 0 auto;
  align-self: center;
}

.highlight {
  background-color: yellow;
}

h1 {
  margin-top: 0.3em;
}

h1, h2, h3 {
  color: #555;
  margin-bottom: 10px;
  font-size: 2em;
  font-family: 'Oswald', sans-serif;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
  color: #444;
}

.h4, h4 {
  font-size: 1.2em;
  color: #555;
}

h5 {
  font-size: 0.9em;
  color: #555;
}

p {
  color: "#333";
  font-size: small;
}

.alogo {
  max-width: 100px;
  margin-right: 1em;
}

section.module.parallax-1 {
  background-image: url(../img/world2.jpg);
  height: 515px;
}

section.module.parallax h1 {
  font-size: 4em;
  padding-top: 0.5em;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}

section.module.parallax h2 {
  font-size: 2em;
  text-transform: none;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}

section.module.parallax h3 {
  font-size: 1em;
  font-family: "Rubik", sans-serif;
  color: white;
  font-weight: 400;
}

#sdgwheel {
  width: 46px;
  height: 46px;
}

#menu_container {
  background-color: black;
}

.bg-dark {
  background-color: black !important;
}

.picSmall {
  border: none;
  width: 40px;
  float: left;
}

.orgs strong {
  font-size: medium;
}

/* main.container {
  margin-top: 1em;
} */

.fasome {
  float: right;
  margin-top: 4px;
}

.info-paragrapht {
  font-size: 22px;
  font-family: oswald;
  color: #444;
  font-weight: 300;
  display: block;
  line-height: 1.7em;
  padding-left: 2.1em;
  padding-right: 2em;
}

.info-paragraph {
  font-size: 22px;
  font-family: oswald;
  color: #777;
  font-weight: 300;
  display: block;
  line-height: 1.7em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00adef+90 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #00adef 423%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #00adef 423%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #00adef 423%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00adef', GradientType=1);
  /* IE6-9 */
}

.info-paragraph p {
  font-size: inherit;
}

section#intro-text {
  margin-top: -1em;
  padding: 2.5em 0;
}

section.module.parallax {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  background-image: url("../img/od2.jpg");
}

a.list-group-item, a.list-group-item:hover {
  font-size: small;
  color: #555;
}

form.navbar-form .btn {
  margin: 0;
}

.input-group-append .btn:hover, .modal-footer .btn:hover {
  font-size: inherit;
}

.btn-sm, .btn-sm:hover {
  font-size: .875rem;
}

input {
  width: inherit;
}

a#menu-toggle2 {
  color: inherit;
}

.somepadding {
  padding: 0 1em;
}

.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info {
  float: left;
  margin: 0 5px 5px 0;
}

p#grand_total {
  color: #666;
  font-size: medium;
}

.answer_row {
  margin-bottom: 2em;
  cursor: pointer;
}

.answer_row:hover {
  background-color: #f8f9fa;
}

.answer_row h3 {
  color: #666;
}

h3.org_name {
  color: #00adef;
  text-align: center
}

.answer_text {
  color: #777;
}

.modal-lg {
  max-width: 931px;
}

.unSubTitle {
  /* letter-spacing: 1px; */
}

.unSubTitle_small {
  /* letter-spacing: 1px; */
}

.unTitle {
  letter-spacing: 2px;
}

.unTitle_small {
  letter-spacing: 1px;
}

.menu_home {
  padding-left: 0;
}

.topMiddle {
  padding-left: 4.4em;
  margin-top: -0.3em;
}

#mainlogo_container {
  padding-top: 0;
  padding-bottom: 0;
}

#mainlogo_div {
  margin-left: 0.9em;
  margin-top: -0.2em;
}

#desaLogo {
  height: 55px;
  top: 25px;
  right: 0;
  position: absolute;
}

#desaLogoSmall {
  width: 40px;
  top: 18px;
  right: 0;
  position: absolute;
}

.menuBottomArea {
  top: 6em;
}

.menuBottomArea_small {
  top: 5em;
}

.menuBarArea {
  top: 6em;
}

.menuBarArea_small {
  top: 5em;
}

@media (max-width: 660px) {
  .unSubTitle, .unSubTitle_small {
    width: 28em;
  }
  #desaLogo {
    height: 25px;
  }
  #desaLogoSmall {
    width: 25px;
    top: 14px;
    right: 0;
    position: absolute;
  }
}