th { 
    background-color: white;
    color: black;
}

.max_chars_left {
    font-size: 0.8em;
    text-align: right;
}

.form_color {
    background-color: #ccccb3; /* #e6e6e6;*/
    padding: 1.5em;
    max-width: 500px;
    /* border: 2px solid black; */
    padding: 1em;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6), -1px -1px 5px rgba(255, 255, 255, 0.5); 
}

.form_color2 {
    background-color: #ccccb3; /*#e6e6e6;*/
    padding: 1.5em;
    border-radius: 25px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6), -1px -1px 5px rgba(255, 255, 255, 0.5);    
}

#myInfo {
    color: red;
}

#correct_name_and_email {
    color: red;
    margin-left: .5em;
}

body {
    background-color: #fffffe;
    font-size: 100%;
    /* line-height: 137.5%; */
}

section {
    margin: 3em 4em 1.5em 4em;
    height: 100%;
    color: black;
    font-size: 1em;
}

article {
    clear: both;
    margin-top: 2em;
}
.thumbnails {
    margin-bottom: 1.5em;
}

.float {
    float: left;
    margin-right: 2em;
    margin-bottom: 1.5em;
    width: auto; 
    height: auto;
 
}

.border {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.title {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #7a7a52;
    color: white;
    font-size: 120%;
    padding: .2em;
    margin-bottom: .5em;
}

.title_color {
    color: white;
}

label {
    font-weight: 700;
}

/* mobile landscape to tablet portrait */
@media only screen and (max-width: 767px) {
    body { padding: 0;}
    header { text-align: center; }
    section { margin: 1em; padding: 0;}
    .siluett { display: none; }
    header { justify-content: center; align-items: center; }
    #viewlist tr th:nth-child(4) { display: none;}
    #viewlist tr td:nth-child(4) { display: none;}
}

@media only screen and (max-width: 479px) {
    body { padding: 0; font-size: 83%; }
    .float { clear: both; float: none; margin-top: 1.5em; 
             display: block; margin-left: auto; margin-right: auto;} 

 }