.recent-pastes {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.paste-header, .paste {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #1d1e3a;
    flex-wrap: wrap;
}

.col-25 {
    width: 100%;
    max-width: 25%;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
}

.col-25 a {
    color: #2ecc71;
    text-decoration: none;
}

.col-25 a:hover {
    text-decoration: underline;
}

.paste-header {
    font-weight: bold;
    background-color: #1d1e3a;
    border-radius: 10px;
    width: 100%;
}

@media (max-width: 960px) {
    .col-25 {
        max-width: 50%;
        width: 50%;
    }

    .col-75 {
        max-width: 50%;
        width: 50%;
    }

    .col-25:first {
        padding-right: 10px;
    }
    
    .col-25.c2{
        text-align: right;
    }
    
    .paste-header, .paste {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}