.fg-intro-section {
  position: relative;

  box-sizing: border-box;
  width: 100%;

  margin-bottom: 15px;
  padding: 30px;

  border-radius: 5px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  color: #030303;

  font-family: 'AzoSans-Regular', Helvetica, Arial, sans-serif;
  font-size: 12.5px;

  transition: border-color .4s ease;
}

.fg-intro-section:hover {
  border-color: #ABB1CF;
}

.fg-intro-section-remove-button {
  position: absolute;
  top: 30px;
  right: 30px;

  opacity: 1;
  visibility: visible;

  color: #777777;
  border: none;
  background: none;
  outline: none;

  transition: all .4s ease;
}

.fg-intro-section-remove-button.ng-hide {
  opacity: 0;
  visibility: hidden;
}

.fg-intro-section-remove-button:hover {
  color: #000000;
}

.fg-intro-section-message {
  width: 90%;

  margin: 0;

  color: #000000;

  font-family: 'AzoSans-Thin';
  font-size: 40px;

  user-select: text;
}

.fg-intro-section-message-motive {
  font-family: 'AzoSans-Light';
}

.fg-intro-section-description-container {
  width: 90%;

  margin: 13px 0 24px;

  color: #555555;

  font-family: 'AzoSans-Regular';
  font-size: 21.5px;

  user-select: text;
}

.fg-intro-section-description-text {
  display: block;
}

.fg-intro-section-buttons {
  display: flex;
  align-items: center;
}

.fg-intro-section-button {
  margin: 0;
  padding: 0;

  background: none;
  outline: none;
  border: none;
}

.fg-intro-section-google-play-store-button {
  margin-left: 15px;
}

.fg-intro-section-about-button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 272px;
  height: 50px;

  margin-right: 30px;

  background-color: #5C68A4;
  color: #FFFFFF;
  border-radius: 5px;

  font-size: 15px;
  font-family: 'AzoSans-Medium';

  transition: background-color .4s ease;
}

.fg-intro-section-about-button:hover {
  background-color: #454F81;
}

.fg-intro-section-app-store-logo {
  max-width: 120px;
}

.fg-intro-section-google-play-logo {
  max-width: 137px;
}

@media screen and (max-width: 1024px) {
  .fg-intro-section-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .fg-intro-section-about-button {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 551px) and (max-width: 1024px) {
  .fg-intro-section-message {
    font-size: 26px;
  }

  .fg-intro-section-description-container {
    font-size: 12px;
  }
}

@media screen and (max-width: 550px) {
  .fg-intro-section-message {
    width: 100%;

    font-size: 18px;
  }

  .fg-intro-section-description-container {
    width: 100%;

    font-size: 11px;
  }

  .fg-intro-section-about-button {
    width: 225px;
    height: 40px;

    font-size: 12px;
  }

  .fg-intro-section-app-store-button {
    width: 90px;
  }

  .fg-intro-section-google-play-store-button {
    width: 102.75px;
  }

  .fg-intro-section-google-play-logo,
  .fg-intro-section-app-store-logo {
    width: 100%;
  }
}