html {
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
}

.firstshape {
  width: 100vw;
  height: 100vh;
  z-index: -100;
  position: absolute;
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(0deg, #d84b29 50%, #2b98d5 50%);
}
#heroText {
  padding-right: 21px;
}
h3 {
#  text-align: center;
  margin-bottom: 1.7rem;
}
h5 {
 margin-top: 2rem;
 margin-bottom: 1.7rem;
}
#heroImg {
  padding: 50px;
}
.taglineBig {
  margin-bottom: 20px;
  padding-right: 26px;
}
.taglineSmall {
  margin-bottom: 20px;
}
#gplaybadge {
  height: 120px;
  width: auto;
  margin: auto;
}
#gplaybadgemain {
  height: 90px;
  width: auto;
  margin-left: -15px;
}
#overviewdiv {
  background-color: #ffffff;
}
.textBlobContainer {
  margin-bottom: 0px;
}
#featuresdiv {
  background-color: #ffffff;
}
#footerdiv {
  background-color: #ffffff;
}
#footerdiv>.row {
  margin-bottom: 0px;
}
#footerdiv>.row>.center {
  padding: 24px;
}
.textBlob {
  padding: 64px 16px 64px 16px !important;
}
@media screen and (max-width: 993px) {
  .textBlob {
    padding: 16px 0px 16px 0px !important;
  }
  .textBlobContainer {
    margin-bottom: 32px;
  }
}

.logoContainer {
  background-color: #ffffff;
}
/* Breakpoints */

@media screen and (max-width: 993px) {
  .firstshape{
    background-image: -webkit-linear-gradient(-45deg, #2b98d5 50%, #d84b29 50%);
  }
}

@media screen and (min-width: 993px) {
.parent {
  position: relative;
  height: 100vh;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
}

@media screen and (max-width: 993px) {
  #heroImg {
    max-height: 70vh;
  }
  #heroText {

  }
}
ul {
  list-style-type: disc;
}
li {
  display: list-item;
  padding-left: 16px;
}