html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/** From old solution **/

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.logo-container img {
    width: 250px;
}

.ms-Grid-col {
    margin: 10px 0;
}

form input {
    width: 100%;
}

form {
    max-width: 600px;
}

#validation-error {
    color: #E5007D;
}

.ms-Button:active {
    border-color: #164280 !important;
    background-color: #164280 !important;
}

a {
    color: #164280;
}

    a:hover {
        color: #E5007D;
    }