.bgAloha {
  /* The image used */
  background-image: url("../images/girlsmipcom-1920x1280.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  
  margin-top: 200px;
  
   /* Add the blur effect */
  background-color: rgba(255,255,255, 0.5);
}

.centerLogin{
    width: 400px; 
    margin: auto;
}

.strength0
{
    background-color: grey;
}

.strength1
{
    background-color: red;
}

.strength2
{
    background-color: yellow;
}

.strength3
{
    background-color: orange;
}

.strength4
{
    background-color: green;
}

@media (max-width: 768px) {
    .centerLogin{ width: 100% }
}