html {
    height: 100%;
}

body {
    display: flex;
    flex-flow: column;
    width: 100%;
    min-width: 350px;
    height: 100%;
    background-color: lightgoldenrodyellow;
    font-family: cursive;
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: inherit;
}

div, ul, li{
    box-sizing: border-box;
    border-collapse: collapse;
}

input{
    color: #D3D3D3;
}

[class^="col-"] {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

@media only screen and (min-width: 800px){
    .col-1 {width: 16.66%;}
    .col-2 {width: 33.33%;}
    .col-3 {width: 50%;}
    .col-4 {width: 66.67%;}
    .col-5 {width: 83.34%;}
    .col-6 {width: 100%;}
}

.header_error_msg {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
    text-align: right;
    background-color: red;
    color: black;
}
