body {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
}

.p-6 {
  padding: 5rem;
}

.mt-6 {
  margin-top: 5rem;
}

.f-1d5 {
  font-size: 1.5rem;
}

.f-2 {
  font-size: 2rem;
}

.h-30 {
  height: 30rem;
}

.bg-blue {
  background-color: #103f64;
}

.bg-grey {
  background-color: #2b2b2b;
}

.text-blue {
  color: #103f64;
}

a,
a:hover {
  color: #908552;
}

footer {
  background-color: #1f1f1f;
  height: 200px;
  text-align: center;
  color: #656565;
}

.img-text {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 4rem;
}

.p-img-text {
  font-weight: 750;
  color: #fff;
  font-size: 4rem;
}

.parallax-img {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media only screen and (max-device-width: 768px) {
  .parallax-img {
    background-attachment: scroll;
  }
}

.bg-1 {
  background-image: url(images/1.jpg);
}

.bg-2 {
  background-image: url(images/2.jpg);
}

.bg-3 {
  background-image: url(images/3.jpg);
}

.bg-4 {
  background-image: url(images/4.jpg);
}

.bg-5 {
  background-image: url(images/5.jpg);
}

iframe {
  border: none;
}