@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

  * {
      margin: 0px;
      padding: 0px;
      font-family: 'Raleway', sans-serif;

  }
  .heading{
    text-align: center;
    margin-top: 70px;
    font-weight: 5000;
    font-size: 3rem;
    text-transform: uppercase;
  }
  .sub-heading{
    text-align: center;
    margin-top: 20px;
  }

  html {
      scroll-behavior: smooth;
  }
  p{
    padding: 15px;
  }

  /* navigation */
  .navbar {
      position: fixed;
      justify-content: flex-end;
      align-items: center;
      display: flex;
      gap: 0.5em;
      font-size: 1rem;
  }
   .slogan-line1{
    font-size: 1.2rem;
    margin-bottom: 2px;
    color: #fff;
    margin-left: 9px;
  }
  .slogan-line2{
    font-size: 1rem;
    color: #fff;
    margin-left: 9px;
  }

  .container {
      box-sizing: content-box;
      margin: 0 auto;
      max-width: 90rem;
      padding: 0 1rem;
  }

  #logo {
      display: flex;
      align-items: center;
      color: #fff;
      font-size: 1.5rem;
      cursor: pointer;
  }

  #logo img {
      height: 55px;
  }

  .navbar .navbar-nav .nav-link:hover {
      text-decoration: underline solid yellow;

  }

  /* Footer */
  .footer {
      background-color: black;
      color: white;
      text-align: center;
      justify-content: center;
      padding: 20px;
  }

  .footer p {
      padding: 3px;
      margin: 5px;
  }

  .footer img {
      height: 75px;
  }

  .footer-nav a {
      color: #fff;
     
  }
  @media only screen and (max-width: 600px) {
    #logo img {
     height: 45px;
    }
    .navbar {
       
        gap: 0.2rem;
        font-size: 1rem;
    }
    .heading{
        text-transform:none;
        margin-top: 85px;
      }
}