.w3-modal
{
  z-index:20;
  display:none;
  padding-top:50px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4);
  color:#444;
  text-align:justify;
}

.w3-modal-content
{
  margin:auto;
  background-color:#fff;
  position:relative;
  padding:0;
  outline:0;
  max-width:800px;
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  border-radius:10px;
  animation:animatetop 0.5s;
}

@keyframes animatetop
{
  from{top:300px;opacity:0} to{top:0;opacity:1}
}

.w3-container
{
  padding:1em;
}

.w3-modal-content .header
{
  color:#fff;
  background-color:#005493;
  text-align:center;
  font-weight:bold;
  text-shadow:none;
}

.bottom-part
{
  line-height:2em;
  margin-left:2em;
  margin-right:2em;
  margin-bottom:100px;
}

.bottom-part img
{
  width:80%;
  display:block;
  outline:none;
  display:block;
  margin:3em auto 3em auto;
}

.bottom-part img.narrow
{
  width:60%;
}