html, body {
    width: 100%;
    height: 100%;
}

.loginBox {
    margin: auto;
    height: 50%;
    width: 50%;
    min-width: 80vw;
    margin-top: 50px;
    background-image: url(/images/main_bg.png);
    border-radius: 6px 6px 6px 6px;
}

.loginBox div {
    text-align: center;
    margin-top: 2px;
    height: 100%;
    width: 100%;
    padding-top: 10px;
}

.loginBox p label {
    color: white;
}

.inputField {
    border: none;
    outline: none;
    display: block;
    margin: 0 auto;
    width: 250px;
}

.randContainer {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

.searchContainer {
    width: 100%;
    height: 10%;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px; 
}

.searchContent {
    margin: 10px;
    float: left;
}

.searchContent input {
    width: 90%;
    height: 100%;
    border: none;
    outline: none;
}

@media only screen and (max-width: 600px) {
  .inputField {
    border: none;
    outline: none;
    display: block;
    margin: 0 auto;
    width: 125px;
  }

  .loginBox {
    width: 100%;
    border-radius: 0px 0px 0px 0px;
  }
}