.responsive-row-col {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.responsive-two {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.boxifant {
    margin-left: 0%;
    margin-top: 5%;
    margin-bottom: 2%;
      width: 20%;
      height: auto;
}
.trunkwise {
      width: 70%;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-right: 4%;
      height: auto;
}

.invitation {
    font-size: 2rem;
}

.nickname {
    font-weight: 600;
}

.community-name {
    font-weight: 600;
}

.blurb {
    width: 100%;
    //color: white;
    padding: 1em;
    background-color: #88aa88;
    border: solid thin;
    border-color: #555555;
}

@media (min-width: 40.0rem) { /* Small devices (landscape phones, 576px and up) */
.blurb {
    bg-color: green;
    margin-right: 2rem;
    width: 50%;
}
    .responsive-row-col {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

  .responsive-two {
    display: flex;

    flex-direction: row;
      justify-content: space-evenly;
  }
.getit-badge {
    max-height: 12rem;
}

}