@mixin dynamicFontSize($minFontSize, $maxFontSize, $minWidth, $maxWidth) {
    $font_Size_Difference: $maxFontSize - $minFontSize;
    $viewport_Width_Difference: $maxWidth - $minWidth;
    $YY: 100 * calc($font_Size_Difference/$viewport_Width_Difference);
    $XX: #{calc($minWidth / 100)};

    font-size: #{$minFontSize}px;

    @media screen and (min-width: #{$minWidth}px) {
        font-size: calc(#{$minFontSize}px + ((1vw - #{$XX}px) * #{$YY}));
    }

    @media screen and (min-width: #{$maxWidth}px) {
        font-size: #{$maxFontSize}px;
    }
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-4 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
