.factflag {
    border: 1px solid black;
    width: 100%;
}

@media (max-width: 767px)
{
    .factflag {
        width: 50vw !important;
    }
}

@media (min-width: 768px)
{
    .margin12-23 {
        margin-bottom: calc(100% / 6);
    }

    .margin1825-2837 {
        margin-bottom: calc(100% / 925 * 34);
    }

    .margin1118-2837 {
        margin-bottom: calc(100% / 666 * 97);
    }

    .margin58-811 {
        margin-bottom: calc(100% / 88 * 9);
    }

    .margin58-23 {
        margin-bottom: calc(100% / 24);
    }

    .margin12-58 {
        margin-bottom: calc(100% / 8);
    }

    .margin12-34 {
        margin-bottom: calc(100% / 4);
    }

    .margin35-34 {
        margin-bottom: calc(100% / 20 * 3);
    }

    .margin35-23 {
        margin-bottom: calc(100% / 15);
    }

    .margin12-1019 {
        margin-bottom: calc(100% / 38);
    }

    .margin23-34 {
        margin-bottom: calc(100% / 12);
    }

    .margin47-23 {
        margin-bottom: calc(100% / 21 * 2);
    }
}