html {
    -webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
body {
    overscroll-behavior-y: none;
}
img {
    height: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

.flex {
    display: flex;
}
.flex.wrap {
    flex-wrap: wrap;
}
.flex.center {
    justify-content: center;
    align-items: center;
}
.flex.align-center {
    align-items: center;
}
.flex.justify-center {
    justify-content: center;
}
.flex.justify-end {
    justify-content: flex-end;
}
.flex.column {
    flex-direction: column;
}
.flex.space-between {
    justify-content: space-between;
}
.text-center {
    text-align: center;
}
.pad-v-1 {padding-top: 1rem; padding-bottom: 1rem;}
.pad-v-2 {padding-top: 2rem; padding-bottom: 2rem;}
.pad-v-3 {padding-top: 3rem; padding-bottom: 3rem;}
.pad-t-1 {padding-top: 1rem;}
.pad-t-2 {padding-top: 2rem;}
.pad-t-3 {padding-top: 3rem;}
.pad-b-1 {padding-bottom: 1rem;}
.pad-b-2 {padding-bottom: 2rem;}
.pad-b-3 {padding-bottom: 3rem;}

.mar-v-1 {margin-top: 1rem; margin-bottom: 1rem;}
.mar-v-2 {margin-top: 2rem; margin-bottom: 2rem;}
.mar-v-3 {margin-top: 3rem; margin-bottom: 3rem;}
.mar-t-1 {margin-top: 1rem;}
.mar-t-2 {margin-top: 2rem;}
.mar-t-3 {margin-top: 3rem;}
.mar-b-1 {margin-bottom: 1rem;}
.mar-b-2 {margin-bottom: 2rem;}
.mar-b-3 {margin-bottom: 3rem;}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

body .visually-hidden.focusable:active, body .visually-hidden.focusable:focus { position: fixed !important; }