.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.imageContainer{
    width: 100%;
    margin-bottom: 5rem;
}
.imageContainer img{
    width: 100%;
}
.cards{
    padding-bottom: 10rem;
    /* margin-bottom: 5rem; */
}
.icons{
    font-size: 60px;
    color: #6699cc;
    text-align: center;
    margin-bottom: 4rem;
}
.heading{
    flex-flow: column;
}
.iconWrapper{
    padding: 5rem 0;
    height: 50%;
}
.heading h1{
    text-align: center;
    font-family: 'Raleway' , sans-serif;
    font-weight: 600;
    font-size: 2rem;
}
.heading h4{
    text-align: center;
    font-family: 'Raleway' , sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
}
.cards{
    /* grid-template-rows:20vh 25vh ; */
    box-shadow: -2px -2px 5px #ffffff, 4px 4px 5px #00000060;
    /* overflow: hidden; */
    /* margin: 1rem; */
}
.iframeContainer{
height: 55rem;
width: 50vh !important;
}
iframe{
    width: 95%;
    height: 95%;
}
.headingContainer{
    flex-flow: column;
}
.headingContainer h1{
    text-align: center;
    font-family: 'Raleway' , sans-serif;
    font-weight: 900;
    font-size: 3rem;
}
.headingContainer h4{
    text-align: center;
    font-family: 'Raleway' , sans-serif;
    font-size: 2rem;
    font-weight: 400;
}
h4 a{
    color: black;
}
@media only screen and (max-width: 910px) {
    html{
        font-size: 55%;
    }
  }
  @media only screen and (max-width: 820px) {
    html{
        font-size: 50%;
    }
  }