.modal1 {

  display: none; /* Sakrijte ga po defaultu */

  position: fixed; /* Držite ga fiksiranim */

  z-index: 9999999; /* Postavite z-index na 1, uvijek iznad svega */

  left: 0;

  top: 0;

  width: 100%; /* Full širina */

  height: 100%; /* Full visina */

  overflow: auto; /* Omogućite scroll ako je potrebno */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */

}
.modal1-content-text {padding: 20px; }


.modal1-content {

  background-color: #fff;

  margin: 60px auto;

  padding: 20px;

  border: 1px solid #888;

  width: 65%; /* Širina je sada 60% */

  color: #2d2c2c;

  border-radius: 4px;
  
  font-size: 14px !important;
  
  position: unset !important;

}



.close {

  color: #aaa;

  float: right !important;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}



 @media screen and (max-width:630px) {

.modal1-content {

  background-color: #fff;

  margin: 40px auto; /* 15% od vrha i centrirano */

  padding: 5px;

  border: 1px solid #888;

  width: 90%; /* Širina je sada 60% */

  color: #2d2c2c;

  border-radius: 2px;

  font-size: 12px !important;

  line-height: 18px;

}

.modal1-content .btn {font-size: 12px !important; }

}