.container-small {
    width: 40%;
    min-width: 400px;
    margin: auto;
    text-align: center;
}

.container-small input {
    max-width: 300px;
    text-align: center;
}


.container-medium {
    width: fit-content;
    min-width: 50%;
    margin: auto;
    text-align: center;
    background: rgba(255, 255, 255, .15);
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
    margin-bottom: 100px;
}

.lang {
    margin: 30px 0 50px 30px;
}

.lang-picker {
    width: fit-content;
    text-align: center;
}


/*make 2 lines if mobile*/
.names {
    display: flex;
}
.names fieldset {
    margin-left: 5px;
    margin-right: 5px;
}

fieldset label {
    text-align: left;
    margin-left: 5px;
}

.family {
    margin-bottom: 15px;
}

hr {
    width: 50%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.hidden {
    display: none;
}

input[type='checkbox']:not(:checked) {
    background-color: #730b12;
}