.app-download {
  width: 100%;
  background: transparent linear-gradient(270deg, #FF0026 0%, #700036 100%); }
  .app-download .content-row {
    padding: 0;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .app-download .content-row {
        width: 100%; } }
  .app-download .download-section {
    display: flex;
    flex-direction: column;
    width: 522px;
    padding: 20px 0; }
    .app-download .download-section .mb-20 {
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .app-download .download-section .mb-20 {
          margin-bottom: 16px; } }
    @media only screen and (max-width: 767px) {
      .app-download .download-section {
        width: auto;
        padding: 20px 15px; } }
    .app-download .download-section .logo-wrapper {
      display: flex;
      width: 106px;
      height: 106px;
      padding: 18px;
      justify-content: center;
      align-items: center;
      border-radius: 16px;
      background: #000;
      margin-right: 15px; }
      .app-download .download-section .logo-wrapper .logo {
        height: 70px;
        width: 70px; }
    .app-download .download-section .title {
      font-size: 34px;
      letter-spacing: 1.7px;
      font-weight: 700;
      color: #FFFFFF; }
      @media only screen and (max-width: 767px) {
        .app-download .download-section .title {
          font-size: 21px;
          line-height: normal;
          letter-spacing: 1.05px; } }
    .app-download .download-section .subtitle {
      font-size: 18px;
      letter-spacing: 0.9px;
      font-weight: 400;
      color: #FFFFFF; }
      @media only screen and (max-width: 767px) {
        .app-download .download-section .subtitle {
          font-size: 12px;
          letter-spacing: 0.6px; } }
    .app-download .download-section .app-title {
      font-size: 21px;
      letter-spacing: 1.05px;
      font-weight: 700;
      margin-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        .app-download .download-section .app-title {
          font-size: 19px;
          letter-spacing: 0.95px; } }
    .app-download .download-section .app-icon {
      height: 44px;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .app-download .download-section .app-icon {
          height: 42px; } }
      .app-download .download-section .app-icon.mr-15 {
        margin-right: 15px; }
    .app-download .download-section .mb-10 {
      margin-bottom: 10px; }
  .app-download .mockup-desktop {
    height: 100%;
    max-height: 252px;
    margin-left: 10px; }
    @media only screen and (max-width: 940px) {
      .app-download .mockup-desktop {
        height: 455px;
        max-height: unset; } }
    @media only screen and (max-width: 767px) {
      .app-download .mockup-desktop {
        display: none; } }
  .app-download .mockup-mobile {
    width: 101%;
    display: none; }
    @media only screen and (max-width: 767px) {
      .app-download .mockup-mobile {
        display: flex;
        margin-top: -40px;
        margin-bottom: -2px; } }

.content-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
  font-family: 'Saira Condensed', sans-serif;
  z-index: 10;
  position: relative; }
  @media only screen and (max-width: 1030px) {
    .content-row {
      padding: 20px 0;
      width: calc(100% - 30px); } }
  @media only screen and (max-width: 767px) {
    .content-row {
      padding: 15px 0;
      flex-direction: column;
      width: calc(100% - 30px); } }
  .content-row .content-col {
    display: flex;
    flex-direction: column;
    width: 330px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .content-row .content-col {
        width: 100%;
        margin-bottom: 10px; } }
    .content-row .content-col.title-col {
      color: #FFFFFF;
      font-size: 28px;
      font-weight: 700;
      width: 330px;
      line-height: 1.2; }
      .content-row .content-col.title-col .mw-3 {
        max-width: 228px;
        margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .content-row .content-col.title-col {
          font-size: 21px;
          width: auto;
          line-height: 1.4; }
          .content-row .content-col.title-col .mw-3 {
            max-width: unset; } }
    .content-row .content-col.info-col {
      flex: 1;
      padding-left: 10px; }
      @media only screen and (max-width: 767px) {
        .content-row .content-col.info-col {
          padding-left: 0; } }

.row {
  display: flex;
  flex-direction: row;
  align-items: center; }

.column {
  display: flex;
  flex-direction: column; }

/*# sourceMappingURL=download-casino-app-v1.css.map */