/**    team members etc. used by team and headline**/
body {
  background: #fff;
  color: #555; }

.todo p{ color: #9d9b01;
          font-weight: bold;}


  .title {
  margin-top: 0;
  clear: both;
  width:420px;
  height:92px;
  background-image: url(../images/newLogo.png);
  background-color:transparent;
  background-repeat: no-repeat;
  background-size: cover  !important;
  z-index: 99999;
  padding: 0 20px;
  margin: 0 20px 0 0;

 }





 h4 {font-family: "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
 font-weight:400;
}
h2 {font-family: "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight:600;
text-align:center;

}

h6 {text-align:center;}


p  {
  text-align: left;
}

ul  {
  text-align: left;
}

.img {
  margin: 0 auto;
}

.text a {
  color: #4c5727;
  font-style:italic;
font-weight: 600;}
.text  a:hover {
    color: #558042; }

    #header #navbar {
      font-size: 0.8rem; }



	  .text {text-align:justify;}

	    .text p{text-align:justify;}

	 .team .members .member1  h4{ font-family: Helvetica, sans-serif;
	 font-weight:500; font-size: 1.1rem;}

	  .text h4{ font-family: Helvetica, sans-serif;}


  .centred p{text-align:center;}

    #header #navbar ul.navigation li a {
      font-family: Open Sans, sans-serif ;
      letter-spacing: -0.7px;
      letter-
      display: inline-block;
      padding: 0.3rem 0.8rem;
      font-size: 0.9rem;
      font-weight:600;

    }

    .blog-header h1 {
      font-family: Open Sans, sans-serif ;
  font-size: 1.7rem;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight:600;
}



.cent p {
  margin: 0 auto;
  text-align: center;
}

  .team .members .member1 {
    display: inline-block;
    float: left;
    width: 40%;
    margin: 0 1.5rem;
    margin-bottom: 2rem; }

    @media only all and (max-width: 47.938em) {
      .team .members .member1 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 2rem; } }
    @media only all and (min-width: 48em) and (max-width: 59.938em) {
      .team .members .member1 {
        display: block;
        width: 40%;
        margin-bottom: 2rem; }

      }

	.footer {
		color: #fff;
	}

  @keyframes slidy {
      0% { left: 0%; }
      20% { left: 0%; }
      25% { left: -100%; }
      45% { left: -100%; }
      50% { left: -200%; }
      70% { left: -200%; }
      75% { left: -300%; }
      95% { left: -300%; }
      100% { left: -400%; }
  }



  body { margin: 0; }

  div#slider1 {
      overflow: hidden;
      margin-top: 0;
      max-height: 37rem;
  }


  div#slider1 figure img { width: 20%; float: left; }
  div#slider1 figure {
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      animation: 20s slidy infinite;
  }


  @keyframes slidyh {
    0% { left: 0%; }
    5% { left: 0%; }
    10% { left: -100%; }
    15% { left: -100%; }
    20% { left: -200%; }
    25% { left: -200%; }
    30% { left: -300%; }
    35% { left: -300%; }
    40% { left: -400%; }
    45% { left: -400%; }
    50% { left: -500%; }
    55% { left: -500%; }
    60% { left: -600%; }
    65% { left: -600%; }
    70% { left: -700%; }
    75% { left: -700%; }
    80% { left: -800%; }
    85% { left: -800%; }
    90% { left: -900%; }
    100% { left: -900%; }

  }

  div#sliderh {
      overflow: hidden;
      margin-top: 0;
      max-height: 37rem;
  }


  div#sliderh figure img { width: 10%; float: left; }
  div#sliderh figure {
      position: relative;
      width: 1000%;
      margin: 0;
      left: 0;
      animation: 40s slidyh infinite;
  }



  div#slider {
      overflow: hidden;
      margin-top: -3rem;
      max-height: 54rem;
  }
  div#slider figure img { width: 20%; float: left; }
  div#slider figure {
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      animation: 20s slidy infinite;
  }

  div#topimage {
      overflow: hidden;
      margin-top: -2rem;
      max-height: 57rem;
      margin-bottom: 1rem;
  }



  div#topimage figure img { width: 20%; float: left; }
  div#topimage figure {
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
  }

.glightbox__module h2 {text-align:center; }

.blue {
  background-color: #004481;
  width: 100%;
  height: 20px;
}

.yellow {
  background-color: #FFD500;
  width: 100%;
  height: 20px;
}

.red {
  background-color: #cc101f;
  width: 100%;
  height: 20px;
}




/*DONATION button*/


.donate {
  background-image: url(../images/donate.png);
  background-repeat: no-repeat;
  float:right;
  width: 150px;
  height:45px;
  margin-top: 28px;

  }



  *{
  margin: 0;
  paddding: 0;
}

.wrapper{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.wrapper .wrapper__video{
  object-fit: cover;
  width: 100%;
  height: 100%;
}