.wrap {
    overflow: hidden;
    position:absolute;
    width: 100%;
    top:45%;
    transform: translate(0, -50%);
    background: #dedede;
    border-top : 3px solid #b7b7b7;
    border-bottom : 3px solid #b7b7b7;
    padding:10px 0;
    text-align:  center;
    }

.row > div  {
  display: inline-block;
  vertical-align: top;
}

#logo {
  height: 100px;
  border-radius: 10px;
}

.login input {
font-size: 1.5rem;
text-align: center;
margin-bottom:10px;
width: 100%;
}

input:first-child {

}

button {
  font-size: 1.5rem;
  border: 0;
  border-radius: 5px;
  padding:3px 85px;
  background-color: #315fc5;
  color:white;
  cursor : pointer;
  width: 100%;
}


@media (max-width:500px) {
  #logo {
    height:63px;
  }

  input {
    padding: 5px 0;
  }

}