html, body {
    height: fit-content;
    width: auto;
    position: relative;
  }

  body {
      background-image: linear-gradient(to right, #f0c27b, #4b1248);
      background-size:cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
  }

  #team {
      margin: 5rem 3rem 0 3rem;
  }
  #team .card img {
      height: 20rem;
      width: 16rem;
  }

  #team .social img {
      height: 2rem;
      width: 2rem;
      object-fit: cover;
  }

  .p-5 {
      height: 100vh;
      margin-top: 0 !important;
  }
  iframe {
      border-radius: 10px;
      height: 100%;
      width: 100%;
  }

  @media (min-width: 992px){
      .map {
          height: 700;
          width: 655;
      }       
          
  }


  @media (min-width: 320px) and (max-width: 480px) {
      #team .card img {
          height: 10rem;
          width: 8rem;
      }
      #team .social img {
          height: 1rem;
          width: 1rem;
          object-fit: cover;
      }
      .p-5 {
        padding: 0 0 20rem 0 !important;
      }

      .list-group-item {
          font-size: small;
      }

      footer {
      font-size: small;
      }
      footer .menu li a {
        font-size: small;
      }
  }

  @media (min-width:481px) and (max-width: 600px) {
      .list-group-item {
          font-size: small;
      }
      footer {
          font-size: small;
          padding: 0;
          margin: 0;
      }
      footer .menu li a {
          font-size: small;
      }
  }