@font-face {
  font-family: "Navigo";
  src: url("../fonts/Navigo-Regular.woff2") format("woff2"),
    url("../fonts/Navigo-Regular.woff") format("woff");
    font-display:swap
}

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");

* {
  margin: 0;
}

.centered-popup {
  max-width: 724px;
  margin: 0 auto;
  background: url("../img/popup-back.png") #e9540d bottom right no-repeat;
  background-position-y: 140px;
  padding: 76px 54px;
  position: relative;
}

.centered-popup-grey {
  max-width: 724px;
  margin: 0 auto;
  background: url("../img/popup-back.png") #697582 bottom right no-repeat;
  background-position-y: 140px;
  padding: 76px 54px;
  position: relative;
}

.popup-title {
  max-width: 527px;
  font-family: "Navigo";
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 55px;
  /* or 92% */

  /* White&Black/FFFFFF */

  color: #ffffff;
  margin: 0;
}

.popup-subtitle {
  font-family: "Navigo";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 31px;

  /* White&Black/FFFFFF */

  color: #ffffff;
  margin-top: 15px;
}

.popup-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;

  /* White&Black/FFFFFF */

  color: #ffffff;
  margin-top: 20px;
  max-width: 250px;
}

.popup-link {
  text-decoration: underline;
}

.popup-link:hover {
  cursor: pointer;
  color: #ffffff;
}

.popup-button {
  padding: 11px 19px 10px;
  margin-top: 60px;
  background: #ffffff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  /* identical to box height */

  color: #525252;
  border: none;
}

@media (max-width: 700px) {
  .popup-title {
    font-size: 21px;
    line-height: 21px;
  }
  .centered-popup {
        background: #e9540d bottom right no-repeat;
  }
  .centered-popup-grey {
        background: #697582 bottom right no-repeat;
  }
  .popup-button {
    font-size: 15px;
  }
  .popup-subtitle {
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px;
}
  }