.container-fluid { position: absolute; display: flex; justify-content: center; align-items: center; } .card-body { margin-top: 5rem; margin-bottom: 3rem; } .intro-2 { background: url("http://mdbootstrap.com/img/Photos/Others/img%20(42).jpg")no-repeat center center; background-size: cover; background-attachment: fixed; } .view { height: 100vh !important; } @media (max-width: 740px) { .full-height, .full-height body, .full-height header, .full-height header .view { height: 1040px; } } .rgba-gradient .full-bg-img { background: linear-gradient(45deg, rgba(83, 125, 210, 0.4), rgba(178, 30, 123, 0.4) 100%); } .card { background-color: rgba(229, 228, 255, 0.2); } .md-form .prefix { font-size: 1.5rem; margin-top: 1rem; } .md-form label { color: #ffffff; }