/* Section styles */
.install-app-section {
  padding: 55px 0 50px;
  background-size: cover;
  background-position: top center;
}

.install-app-section > .flex-row {
  display: flex;
  flex-flow: row;
  width: 100%;
  margin: 0 auto;
}

.install-app-section > .flex-row.wide {
  max-width: 1200px;
}

.install-app-section > .flex-row.align-end {
  align-items: flex-end;
  justify-content: space-between;
}

.install-app-section > .flex-row.justify-between {
  justify-content: space-between;
}

.install-app-section > .flex-row > .flex-column,
.install-app-section > .flex-row > .flex-columns {
  display: flex;
  flex-flow: column;
  padding: 0 .9375em;
  float: none;
}

.install-app-section > .flex-row > .flex-column.align-self-middle,
.install-app-section > .flex-row > .flex-columns.align-self-middle {
  align-self: center;
}

@media only screen and (max-width: 40em) {
  .install-app-section .show-for-medium {
    display: none!important;
  }
}
@media only screen and (min-width: 40em) {
  .install-app-section .show-for-medium {
    display: block!important;
  }
}

.install-app-section.text-black {
  color: #000;
}

.install-app-section.text-purple {
  color: #920035;
}

.install-app-section.text-yellow {
  color: #ffc736;
}

.install-app-section.text-white {
  color: #fff;
}


.install-app-section .install-app-title {
  font-size: 40px;
  margin-bottom: 50px;
  color: inherit;
}

.install-app-section .install-app-description {
  margin-bottom: 25px;
}

.install-app-section .install-app-description-secondary {
  margin-bottom: 50px;
}

/* Buttons styles */
.install-app-section .install-button {
  display: inline-block; 
}

.install-app-section .install-button .google-play-button,
.install-app-section .install-button .app-store-button {
  display: inline-block;
  width: 158px;
  height: 47px;
}

.install-app-section .install-button .google-play-button {
  background: url("../img/google-play.png") no-repeat top left /contain;
}

.install-app-section .install-button .app-store-button {
  background: url("../img/app-store.png") no-repeat top left /contain;
}

/* ----------- MEDIA QUERIES ---------- */

@media screen and (min-width: 40em) {
  .install-app-section .install-button {
    margin-right: .5rem;
  }
  
  .install-app-section {
    padding: 30px 0 0;
  }
}

@media screen and (min-width: 64em) {
  .install-app-section {
    padding: 80px 0 0;
  }
  
  .install-app-section .install-button {
    margin-right: 1.5rem;
  }

  .install-app-section .install-button .google-play-button,
  .install-app-section .install-button .app-store-button {
    width: 216px;
    height: 64px;
  }
}