.general-purpose-popup{
  position: fixed;
  width: 100%;
  height: 100%;
  background: brown;
  z-index: 6;
  display: none;
 background: rgba(0, 0, 0, 0.7);
/*opacity: .4;*/
padding: 20px;
}


.general-purpose-popup-content-wrapper{
  width: 60%;
  height: 400px;
  position: absolute; /*Can also be `fixed`*/
  border-radius: 10px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  /*opacity: .4;*/
  padding: 20px;
}


a.close_general-purpose-popup{
  position: fixed;
  right: 30px; top: 30px;
  background:#eee; color: #ff5e5e;
  font-size: 20px;
  text-decoration: none;
  width: 50px; height: 50px;
  transition:0.6s;
  -webkit-transition:0.6s;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  display: flex; align-items: center; justify-content: center;
}


.general_purpose_popup_content{
  position: relative;
  margin-top: 40px;
  color: #f3f3f3;
  font-size: 1.5em;
  padding: 30px;
  text-align: justify !important;
  text-justify: inter-word !important;
}




@media (max-width: 600px) {
a.close_general-purpose-popup{
  right: 20px; top: 20px;
}

.general-purpose-popup-content-wrapper{
  width: 95%;
}


.general_purpose_popup_content{
  font-size: 1.7em;
}
}