﻿.home-page-pop-up {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999; }
  .home-page-pop-up__content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 15px;
    width: 65%;
    max-height: 100%;
    overflow: auto; }
    @media screen and (max-width: 1219px) {
      .home-page-pop-up__content {
        width: 85%;
        padding: 10px; } }
    @media screen and (max-width: 660px) {
      .home-page-pop-up__content {
        padding: 2px; } }
  .home-page-pop-up h1 {
    padding-bottom: 35px;
    font-size: 45px;
    padding-left: 20px;
    padding-top: 10px; }
    @media screen and (max-width: 660px) {
      .home-page-pop-up h1 {
        font-size: 25px;
        padding-bottom: 10px;
        line-height: 30px; } }
  .home-page-pop-up h3 {
    padding-left: 20px; }
    @media screen and (max-width: 660px) {
      .home-page-pop-up h3 {
        font-size: 14px; } }
  .home-page-pop-up__sections {
    display: flex;
    justify-content: center;
    padding: 10px; }
    @media screen and (max-width: 660px) {
      .home-page-pop-up__sections {
        flex-direction: column;
        height: 100%;
        padding: 0px; } }
    .home-page-pop-up__sections section {
      width: 100%;
      cursor: pointer; }
      .home-page-pop-up__sections section .tile {
        border-radius: 10px; }
        .home-page-pop-up__sections section .tile .image {
          border-radius: 10px; }
        .home-page-pop-up__sections section .tile p {
          font-size: 20px;
          line-height: 22px; }
          @media screen and (max-width: 660px) {
            .home-page-pop-up__sections section .tile p {
              font-size: 12px;
              line-height: 14px; } }
        .home-page-pop-up__sections section .tile .button {
          max-width: none;
          font-size: 22px;
          height: auto; }
          @media screen and (max-width: 1023px) {
            .home-page-pop-up__sections section .tile .button {
              font-size: 15px; } }
