.logo {
    height: 14vh;
    /*width:14vw;*/
    margin-top: 5vh
  }
  .cardSection
  {
    margin: -40px;
    width: 80%;
    margin: 0 auto;
    padding: 0.5em 0;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    bottom:20;
    gap:20px;
    /*height:30vh*/
  }

  .card {
    margin-top: 20px;
    margin-bottom: 20px;
    flex: 1 0 32%; 
    /*margin-left: 40px;
    margin-right: 40px;*/
  }


  @media(max-width: 767px) {
      .card {
          flex: 1 0 100%;
      }
  }
  /* @media(max-width: 767px)
  {
    .logo {
        height: 200px;
        width:200px;
        padding-bottom: 15vh
      } 
      .cardSection
     {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        bottom:20;
        gap:2vw;
        height:30vh
    }
      
  }  */