@media screen
and (max-width: 660px)
and (min-width:0){
    .registerContainer{ width:calc(100% - 20px); box-sizing: border-box; margin:20px 10px; }
    .calendarCol, .hoursCol{ width:100%;}
    .hoursCol{ margin-top:10px; }
}

@media screen
and (max-width: 550px)
and (min-width:0){
    .col-6{ width: 100%}
    .languages { right: 3px; top: 3px;}
}

@media screen
and (max-width: 450px)
and (min-width:0){
    .registerContainer h4, .simpleContainer h1{ text-align: center;  font-size: 16px;  padding-top: 5px; }
    .registerContainer{ padding-left: 10px; padding-right: 10px; }
    .infoRow small{     min-width: 80px;  width: 80px;}
    .infoRow{ font-size:14px; }
}