*{
    box-sizing: border-box;
}

html{
    /* set base font-size to equiv "10px", which is adapted to rem unit */
    font-size: 62.5%;
    /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
    font-size: calc(1em * 0.625);
}

.switch-up{
    font-size: var(--font-size-2);
    padding-top: 122px;
    font-weight: 400;
}

.switch-up main.main{
    background-image: url('../../img/general/city-bg.svg');
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat;
}

button, input, optgroup, select, textarea {
    line-height: 1;
}

.alert {
    width: 100%;
}


dl  {
    margin: 0;
    padding: 0;
    overflow: auto;
}

dt  {
    display: inline-block;
    width: 25%;
}

dd {
    display: inline-block;
    width: 75%;
}

dl {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 576px) {
    dt  {
        width: 40%;
    }
    dd {
        width: 60%;
    }
}