body {
  font-family: 'Karla', sans-serif;
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #0B2631;
  background-image: url("../img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.navbar-brand img {
  height: 21px; }

.navbar-light {
  padding-top: 25px;
  padding-bottom: 25px; }
  .navbar-light .navbar-toggler {
    border: 0;
    color: #ffffff; }
    .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active {
      outline: 0; }
  .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    line-height: 1.23;
    color: #ffffff; }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff; }

.btn-search {
  font-size: 20px;
  color: #ffffff; }
  .btn-search:hover {
    color: #ffffff; }
  .btn-search:focus, .btn-search:active {
    box-shadow: none; }

main {
  margin: auto 0; }

.page-title {
  font-size: 74px;
  font-weight: bold;
  line-height: 0.69;
  margin-bottom: 19px; }
  @media (max-width: 767px) {
    .page-title {
      font-size: 42px; } }
  @media (max-width: 480px) {
    .page-title {
      font-size: 36px; } }

.page-subtitle {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.28;
  margin-bottom: 19px; }
  @media (max-width: 767px) {
    .page-subtitle {
      font-size: 28px; } }
  @media (max-width: 480px) {
    .page-subtitle {
      font-size: 24px; } }

.btn-subscribe {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 1.1895;
  font-weight: bold;
  color: #000000;
  margin-bottom: 19px; }
  .btn-subscribe:hover {
    border: 1px solid #ffffff;
    color: #000000;
    background-color: transparent;
    color: #ffffff; }

p {
      font-size: 22px; /* Adjust this value to your preference */
      line-height: 1.5; /* Providing a comfortable line-height */
  }

#suburb {
    display: block;
}

