.klascol {
    width: 50%; /* Default width for all devices */
    text-align: left;
}

@media (max-width: 767px) {
    /* This media query targets mobile devices with a maximum width of 767px */
    .teamnaam {
        width: 50%; /* Adjust the width for mobile devices as needed */
    }
    .klascol {
        text-align: right;
        padding-right: 30px !important;
    }
}