html {
  font-size: 14px;
}

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

html, body {
    height: 100%;

}

small {
    font-style: italic;
}

body {
    margin: 0;
}

.flex {
    height: 100%;
    padding: 0 0 70px 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
@media (min-height: 600px) {
    .flex {
        align-items: center;
    }

    .footer {
        position: fixed;
    }
}
@media (max-height: 450px) {

    .footer {
        margin-top: 300px;
    }
}

.flex-row {
    width: auto;
}


footer {
    
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    z-index:-1000;
}