body {
  font-family: "Poppins";
  font-weight: 300;
  letter-spacing: 1px;
}

p,
h4,
ul {
  font-family: "Poppins";
  font-weight: 300;
  line-height: 2;
  padding-left: 20px;
}

.title {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.3;
}

.navbar-brand {
  margin-left: 12px;
}
.top-image {
  padding-top: 20px;
}

.sub-statement {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.3;
}

footer {
  background-color: #541690;
  color: white;
  text-align: center;
  font-size: smaller;
}

@media only screen and (max-width: 600px) {
  p,
  ul {
    font-family: "Poppins";
    font-weight: 300;
    line-height: 2;
    font-size: 0.9em;
  }

  .navbar-brand {
    margin-left: 0px;
  }

  .title {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.4;
  }

  .sub-statement {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.4;
  }

  footer {
    text-align: center;
    font-size: 0.5em;
  }
}

@media only screen and (max-width: 768px) {
  p,
  ul {
    font-family: "Poppins";
    font-weight: 300;
    line-height: 2;
    font-size: 1em;
  }

  .navbar-brand {
    margin-left: 0px;
  }

  .title {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.4;
  }

  .sub-statement {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.4;
  }

  footer {
    text-align: center;
    font-size: 0.5em;
  }
}