.modal {
    display: none; 
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    background-color: rgba(0,0,0,0.4);
}
.language-options {
  max-height: 300px;
  overflow-y: auto;
  margin: 20px 0;
}
.modal-content{
    display:relative;
    background-color:white;
    max-width:34rem;
    width:90%;
    margin:auto;
}
.modal-title{
    display:none;
    color: #9dd4ef; !important;
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0;
    padding: 1em 2.5em 0.25em 2rem;
}
.modal-body{
    padding: 1.5em 2em 1.5em;
    color: #5c6672;
    font: 100%/1.5 "adelle-sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
}


a:hover, a:active{
  text-decoration:none !important;
}

.nhg-button, .nhg-button:active, .nhg-button:hover, .nhg-button:focus{
  background-color:#fbd63b;
  font-size:16px;
  font-weight:bold;
  color:#27293f;
  padding:5px;
  border: 1px solid #fbd63b;
  border-radius:5px;
  max-width:100px;
}