body {
  font-family: "Helvetica Neue";
}

html {
  font-size: 0.875rem;
  font-family: "Helvetica Neue";
}

@media (min-width: 544px) {
  html {
    font-size: 1rem;
  }
}
@media (min-width: 769px) {
  html {
    font-size: 1.125rem;
  }
}
h1 {
  font-size: 4rem;
  font-weight: 900;
  font-family: "Helvetica Neue";
}

h2 {
  font-size: 3rem;
  font-weight: 900;
  font-family: "Helvetica Neue";
}

h3 {
  font-size: 1.67rem;
  font-weight: 900;
  font-family: "Helvetica Neue";
  text-align: center;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Helvetica Neue";
}

h5 {
  font-weight: 600;
  font-family: "Helvetica Neue";
}

.storepage {
  width: 100%;
}

#agentConsultant {
  font-family: "AkzidenzGroteskBE" !important;
}
#agentConsultant .modal-dialog {
  max-width: 500px;
  top: 25%;
}
@media only screen and (max-width: 500px) {
  #agentConsultant .modal-dialog {
    top: 17%;
    margin: 0px 22px;
  }
}
#agentConsultant .modal-dialog .modal-header {
  padding: 0;
}
#agentConsultant .modal-dialog .modal-header .img {
  width: 100%;
}
#agentConsultant .modal-dialog .modal-header .close {
  position: absolute;
  left: 90%;
  top: 11px;
  font-size: 25px !important;
}
#agentConsultant .modal-body {
  font-family: "AkzidenzGroteskBE" !important;
  font-size: 16px;
}
#agentConsultant .modal-body .welcome, #agentConsultant .modal-body .name {
  font-size: 18px;
  font-weight: bold;
}
#agentConsultant .modal-footer {
  border-top: none;
}
#agentConsultant .button-agent {
  background-color: #131111;
  margin: 0px 15px;
  padding: 11px;
  font-size: 16px;
}