/* modal full screen */
.modal-dialog {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal-content button {
  color: #fff;
  font-size: 40px;
  opacity: 1 !important;
}

.modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* remove border */
.modal-header {
  border-bottom: none !important;
}

/* background image  */
.modal-content {
  background: url(https://president.ie/images/uploads/pop-up.jpg) no-repeat center center;
  background-size: cover;
}

.modal-content .links {
  margin-top: 300px;
  width: 100%;
}

.modal-content .links h3 {
  color: #fff;
}

.modal-content .links p {
  color: #bb964e;
  font-family: "utopia-std,sans-serif";
  font-size: 18px;
}

.modal-content .links .irish {
  display: flex;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 39.9375em) {
  .modal-content .links .irish {
    justify-content: center;
  }
}

@media screen and (min-width: 40em) {
  .modal-content .links .irish {
    justify-content: flex-end;
    margin-bottom: 0;
  }
}


@media screen and (min-width: 64em) {
  .modal-content .links .irish a {
    margin-right: 40px;
    justify-content: flex-end;
  }
  .modal-content .links .irish a:hover {
    text-decoration: none;
  }
  .modal-content .links .irish a:hover h3 {
    text-decoration: none;
  }
  .modal-content .links .irish a:hover p {
    text-decoration: underline;
  }
}

.modal-content .links .english {
  display: flex;
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .modal-content .links .english {
    justify-content: center;
  }
}

@media screen and (min-width: 40em) {
  .modal-content .links .english {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 64em) {
  .modal-content .links .english a {
    margin-left: 60px;
  }
  .modal-content .links .english a:hover {
    text-decoration: none;
  }
  .modal-content .links .english a:hover h3 {
    text-decoration: none;
  }
  .modal-content .links .english a:hover p {
    text-decoration: underline;
  }
}