.register {
    text-align: center;
}

.formGroup {
    display: flex;
    flex-direction: column;
    margin: 15px;
}

.formRow {
    display: flex;
    flex-direction: row;
}

.formCell {
    display: flex;
    flex-direction: column;
    margin-right: 3%;
    width: 22%;
}

.formCell-contact {
    display: flex;
    flex-direction: column;
    width: 100%;
}

input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.chk-group {
    display:flex;
    flex-direction: row;
    width:100px;
}

.register-button {
    margin-top: 35px; 
    width: 16%; 
    margin-left: 42%;
}

.contact-map {
    height:100%; 
    box-sizing:border-box;
}

@media (max-width: 1040px) {

    .contact-map {
        height: 450px; 
    }

}

@media (max-width: 696px) {

    .formRow { 
        flex-direction: column;
    }

    .formCell {
        width: 100%;
    }

    .register-button {
        width: 20%;
        margin-left: 40%;
    }

    .contact-map {
        height: 400px; 
    }

}

@media (max-width: 400px) {

    .contact-map {
        height: 275px; 
    }
}