/* .wrap {
  padding: 40px;
  text-align: center;
}
hr {
  clear: both;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  border-top: 1px solid #aaa;
}
h1 {
  font-size: 30px;
  margin-bottom: 40px;
}

.btn-custom {
  background: #922b7b;
  border: #912a7a solid 1px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
}
.btn-custom:hover {
  background: #357ebd;
}
.btn-custom.btn-big {
  font-size: 14px;
  padding: 15px 20px;
  min-width: 100px;
}
.btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
.modalperson:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.modalperson:target:before {
  display: block;
}
.modalperson:target .modalperson-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modalperson-dialog {
    /* background: url(img/wino-university-logo.png);
    background: #312350;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: #333 solid 1px;
    border-radius: 5px;
    margin-left: 196px;
    margin-right: 227px;
    position: fixed;
    top: -100%;
    z-index: 11;
    /* width: 360px; 
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modalperson-body {
  padding: 20px;
}

.modalperson-header,
.modalperson-footer {
  padding: 10px 20px;
}
.modalperson-header {
  border-bottom: #eee solid 1px;
}
.modalperson-header h2 {
  font-size: 20px;
    color: #fff;
    font-family: Raleway
}
.modalperson-footer {
  border-top: #eee solid 1px;
  text-align: right;
}

.modalperson:target .modalperson-dialog-two {
   -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;

}

.pmodal{
    color: #fff;
    font-size: 18px;
    font-family: Calibri;
    text-align: justify;
    padding: 19px;
    line-height: 1.3em;
    margin: 0px;
}
  
.modalperson-dialog-two {
    /* background: url(img/wino-university-logo.png); */
    /* background: url(img/wino-university-logo.png); 
    background: #312350;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: #333 solid 1px;
    border-radius: 5px;
    margin-left: 196px;
    margin-right: 227px;
    position: fixed;
    top: -100%;
    z-index: 11;
    /* width: 360px; 
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modalperson-body-two {
    /* padding: 20px; 
    height: 26px;
}
.modalperson-header-two,
.modalperson-footer-two {
  padding: 10px 20px;
}
.modalperson-header-two {
     background: #000;
    /*height: 35px;
    /* border-bottom: #060606 solid 1px; 
}
.modalperson-footer-two {
  border-top: #eee solid 1px;
  text-align: right;
}


*/