.skewbox-20 {

    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: top right;

    background-color: #270056;
    color: white;
    font-family: "Barlow", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;

}

.alert-light {
    height: 40px;
    position: relative;
    background-color: #270056;
    color: white;
    font-family: "Barlow", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
}

.unskew {
    font-size: 16px;
    padding-top: 7px;
    display: block;
    height: 100%;
    position: absolute;
    margin-left: 1.5em;
}

.skewbox-line-height-1 {
    height: 40px;
}

.skewbox-line-height-2 {
    height: 100px !important;
}

@media (max-width: 575px) {
    .skewbox-line-height-2 {
        height: 120px !important;
    }
}