body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

header {
  padding: 20px 0;
}

header .row,
footer .row {
  display: flex;
  align-items: center;
}

header h1 {
  font-weight: 700;
  margin: 0;
}

header nav {
  display: flex;
  justify-content: flex-end;
  text-decoration; none;
}

header p {
  padding: 0 20px;
  margin: 0;
}



p.backtotop {
  text-align: right;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.jumbotron {
  display: flex;
  align-items: center;
  background-image: url("pic_watersanitation_children.jpg");
  background-size: cover;
  color: #ffffff;
  height: 500px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron h2 {
  font-size: 60px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}

.jumbotron h3 {
  margin: 0 0 20px;
  color: #fff;
}

.contactjumbotron {
  display: flex;
  align-items: center;
  background-image: url("pic_email.jpg");
  background-size: cover;
  color: #ffffff;
  height: 500px;
  text-shadow: 0.25px 0.25px 0.25px #000000;
}
.projectjumbotron {
  display: flex;
  align-items: center;
  background-image: url("pic_taps_o2.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  height: 350px;
  text-shadow: 0.75px 0.75px 0.75px #000000;
}

.projectjumbotron h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}

.projectjumbotron h3 {
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 20px;
  color: #fff;
}

section .row img {
  margin: 0 0 30px;
  width: 100%;
}

.col-md-6 {
  margin: 0 0 30px;
}

.btn.btn-primary {
  border-radius: 2px;
  border: 0px;
  color: #40a4df; 
  text-shadow: none;
  background-color: #ffffff;
}

.btn.btn-primary:hover {
  color: #ffffff;
  text-shadow: none;
  background-color: #40a4df; 
}

.btn.btn-choosen {
  border-radius: 2px;
  border:0px;
  color: #ffffff;
  text-shadow: none;
  background-color: #40a4df; 
}

.btn-secondary {
  
  border-radius: 2px;
  border: 5px;
  color: #40a4df;
  text-shadow: none;
  border-color:#40a4df;
}

.btn.btn-secondary:hover {
  color: #969696;
  text-shadow: none;
  background-color: #ffffff;
}

footer {
  font-size: 8px;
  padding: 20px 0;
  bottom: 0;
  left: 0;
  display: flex-end;
  justify-content: flex-end;
}

.img-circle {
	border-radius: 50%;
}