#login{ width: 100%; height: 100%; overflow: auto; position: fixed; left: 0; top: 0; padding: 20px; // background-repeat: no-repeat; // background-position: center; // background-size: cover; // background-color: #262e30; .content{ width: 100%; max-width: 400px; min-height: 100%; position: relative; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; .logo{ width: 100%; float: left; text-align: center; margin-bottom: 15px; text-align: center; overflow: hidden; img{ max-height: 100%; } } .form{ width: 100%; float: left; background-color: #FFF; padding: 15px; box-shadow: 0 0 6px rgba(0,0,0,0.3); border-radius: .25rem; input{ text-align: center; } } } }