body{
  margin-top: 5%;
}

.banner{
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-bottom: 2%;
}

.error{
  color: red;
  font-style: bold;
}

.honour{
  max-height: 300px;
}

article{
  padding-bottom: 5%;
}

article hr{
  margin-top: .1%;
  }

.statement{
  color: #27AAE1;
}

.donation-bar{

  display: inline;
  float: left;
}

.main-logo {
	max-width:200px;
	padding-top: 5%;
	padding-bottom: 5%;
  display: block;
  margin: 0 auto;
}

.copyright {
	font-size: 10px;
}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }

  body{
    margin: 0% 0% 0%;
  }
}
  body{
    margin: 5% 5% 5%;
  }

.inline {
  display: block;
  padding-top: 170px;

}

.form-group{
  padding-bottom: 2%;
}

.fundraise{
  padding-top: 2%;
}

.menu-hover1,
.menu-hover2,
.menu-hover3,
.menu-hover4,
.menu-hover5{
  background-color: #fff; 
}

.menu-hover1 
  a:hover, a:focus {
    color: #fff;
    background-color: #27AAE1;
    }

.menu-hover2
  a:hover, a:focus {
    color: #fff;
    background-color: #009444;
    }

.menu-hover3
  a:hover, a:focus {
    color: #fff;
    background-color: #FFD526;
    }

.menu-hover4
  a:hover, a:focus {
    color: #fff;
    background-color: #F15A29;
    }

    .menu-hover5
  a:hover, a:focus {
    color: #fff;
    background-color: #BE1E2D;
    }

 .active1 a
 {
    color: #fff;
    background-color: #27AAE1;
    }

.active2 a
 {
    color: #fff;
    background-color: #009444;
    }

.active3 a
 {
    color: #fff;
    background-color: #FFD526;
    }

.active4 a
 {
    color: #fff;
    background-color: #F15A29;
    }

.active5 a
{
    color: #fff;
    background-color: #BE1E2D;
    }

/*        .menu-bar2 li{
      border-bottom: 2px solid #009444;
    }

        .menu-bar3 li{
      border-bottom: 2px solid #FFD526;
    }

        .menu-bar4 li{
      border-bottom: 2px solid #F15A29;
    }

        .menu-bar5 li{
      border-bottom: 2px solid #BE1E2D;
    }*/

    #map {
        height: 400px;
        width: 100%;
       }

       @media screen and (min-width: 40em){
           #map {
        height: 200;
        width: 100%;
       }

       }