.ratio-1-1 { aspect-ratio: 1/1; }
.ratio-1-1_25 { aspect-ratio: 1/1.25; }
.ratio-1-1_3 { aspect-ratio: 1/1.3; }
.ratio-1-1_4 { aspect-ratio: 1/1.4; }
.ratio-1-1_5 { aspect-ratio: 1/1.5; }
.ratio-1-1_6 { aspect-ratio: 1/1.6; }
.ratio-1-1_65 { aspect-ratio: 1/1.65; }
.ratio-1-1_7 { aspect-ratio: 1/1.7; }
.ratio-3-1 { aspect-ratio: 3/1;}
.ratio-1-2 { aspect-ratio: 1/2; }
.ratio-2-1 { aspect-ratio: 2/1; }
.ratio-4-3 { aspect-ratio: 4/3; }
.ratio-16-9 { aspect-ratio: 16/9; }
.ratio-16-4_5 { aspect-ratio: 16/4.5; }

.d-flex {
    display:flex;
    box-sizing: border-box;
    overflow: hidden
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.align-content-end {
    align-content: end;
}
.justify-end {
    justify-content: flex-end;
}

.self-end {
    align-self: flex-end;
}

.flex-d-col {
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.flex-d-row {
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
}
.flex-d-col > * {
    width: 100% !important;
}
.flex-d-row > * {
    height: 100% !important;
}

.flex-grow-1 {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.flex-grow-0 {
    flex-grow: 0;
    -webkit-flex-grow: 0;
}

.bs-border-box {
    box-sizing: border-box;
}