.note
{
  padding: 2rem 0px;
  font-size: 0.8em;
  opacity:  0.8;
  text-align: center;
}
.city-requirements {
  position: relative;
  padding: 0;
  margin: 60px 0;}
  @media only screen and (max-width: 767px) {
    .city-requirements {
      padding: 40px 0; } }
  .city-requirements__wrapper {
    position: relative;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    margin: 0 -16px; }
    .city-requirements__wrapper.active {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
      .city-requirements__wrapper .desc
      {
        padding-bottom: 60px;
        text-align: center;
      }
  .city-requirements .main-h2 {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }
    .city-requirements .main-h2.active {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
  .city-requirements__grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .city-requirements__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column; } }
  .city-requirements__item {
    position: relative;
    width: 25%;
    text-align: center;
    padding: 0 16px 16px; }
    @media only screen and (max-width: 767px) {
      .city-requirements__item {
        width: 100%;
        text-align: left;
        margin: 0 0 20px 0; } }
  .city-requirements__item-wrap {
    position: relative;
    display: block;
    width: 100%;
    max-width: 352px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .city-requirements__item-wrap {
        margin: 0;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; } }
  .city-requirements__icon {
    position: relative;
    display: block;
    margin: 0 0 15px 0; }
    @media only screen and (max-width: 767px) {
      .city-requirements__icon {
        margin: 0;
        width: 80px !important; 
        min-width: 80px;
      } }
    .city-requirements__icon img {
      position: relative;
      height: 60px;
      width: 60px;
      max-width: none;
      display: block;
      margin: 0 auto; }
  .city-requirements__content {
    position: relative;
    font: 300 18px/156% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .city-requirements__content {
        font: 300 16px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .city-requirements__content {
        padding: 0 0 0 10px;
        font: 300 14px/150% "Stem", sans-serif; } }