body {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
}

header .logo img {
  width: 145px;
  height: 80px;
}
header .navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header .navigation ul li {
  display: inline-block;
  padding: 10px 0;
  margin-right: 20px;
}
header .navigation ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #11414A;
  font-size: 14px;
}
header .navigation ul li a:hover {
  text-decoration: underline;
}

.button-block {
  text-align: center;
}
.button-block a {
  margin-right: 20px;
}
.button-block a:last-of-type {
  margin-right: 0px;
}

.wb-button {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  padding: 8px 16px;
}
.wb-button:hover {
  text-decoration: underline;
}
.wb-button.dark {
  color: #fff;
  background-color: #11414a;
}
.wb-button.dark .fa {
  color: #f2ae2e;
  font-weight: normal;
}
.wb-button.light {
  color: #fff;
  background-color: #f2ae2e;
}
.wb-button.light .fa {
  color: #11414a;
  font-weight: normal;
}

.section-one {
  padding-top: 100px;
  padding-bottom: 150px;
}
.section-one .bubble-image {
  position: absolute;
  background-image: url("/Images/sm-bubble.svg");
  width: 300px;
  height: 210px;
  background-repeat: no-repeat;
  right: 18%;
  top: 12%;
}
.section-one h1 {
  font-weight: bold;
  color: #6cc5d9;
  font-size: 60px;
  text-align: center;
}
.section-one .button-block {
  margin-top: 90px;
}

.section-two-wrapper {
  background-image: url("/Images/Section2BG.png");
  background-size: cover;
  background-position: center center;
  padding: 250px 0;
}
.section-two-wrapper .section-two h2 {
  font-weight: bold;
  color: #fff;
  font-size: 60px;
  text-align: center;
}

.section-three {
  padding-bottom: 100px;
}
.section-three .call-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-three .call-container img {
  margin-right: 20px;
}
.section-three .call-container p {
  font-size: 25px;
}

.section-four {
  background-image: url("/Images/charity-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.section-five-wrapper {
  background-image: url("/Images/emotionalsupport2.png");
  background-size: cover;
  background-position: center center;
  padding: 250px 0;
}
.section-five-wrapper .section-five h2 {
  font-weight: bold;
  color: #fff;
  font-size: 60px;
  text-align: center;
}

.section-six {
  padding-bottom: 100px;
}
.section-six .call-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-six .call-container img {
  margin-right: 20px;
}
.section-six .call-container p {
  font-size: 25px;
}

.section-seven {
  background-image: url("/Images/charity-bg-bottom.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  padding: 20px 0;
}

.section-eight {
  background-image: url("/Images/footer-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 60px;
}
.section-eight h2 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 50px;
}
.section-eight a {
  color: #11414a;
  text-decoration: none;
}
.section-eight a:hover {
  text-decoration: underline;
}
.section-eight p {
  font-size: 12px;
  color: #fff;
}

.contacts-container {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 33.3333%;
  justify-items: center;
  justify-content: space-around;
}
.contacts-container .contact-item {
  width: 315px;
  position: relative;
  padding: 10px 10px 60px 10px;
  box-sizing: border-box;
  margin: 0 20px 40px 20px;
  border: 1px #e7e7e7 solid;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.57);
}
.contacts-container .contact-item .image-container {
  background-color: #fff;
  width: 100%;
  height: 280px;
  box-shadow: 0px 0px 8px 2px rgba(194, 194, 194, 0.2);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contacts-container .contact-item .image-container img {
  display: block;
  width: 80%;
}
.contacts-container .contact-item h4 {
  font-size: 22px;
  font-weight: bold;
}
.contacts-container .contact-item .numbers-container {
  font-size: 12px;
  line-height: 30px;
}
.contacts-container .contact-item .numbers-container i {
  font-size: 14px;
  margin-right: 4px;
  color: #2F9FB2;
}
.contacts-container .contact-item .numbers-container a {
  color: #000;
  text-decoration: none;
}
.contacts-container .contact-item .numbers-container a:hover {
  text-decoration: underline;
}
.contacts-container .contact-item .visit-website a {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  background-color: #6cc5d9;
  color: #fff;
  padding: 9px 12px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.contacts-container .contact-item .visit-website a:hover {
  text-decoration: underline;
}

footer {
  padding: 30px 0 20px 0;
  background-color: #11414A;
  color: #fff;
}
footer p {
  font-size: 12px;
  margin: 0;
}
footer i.fa {
  font-size: 20px;
  cursor: pointer;
}