#texts header {
    margin-bottom: 50px;
}
#texts .results {
    padding: 0 var(--default-gap);
}
#texts .results .item {
    margin-bottom: 50px;
}
#texts .results .item .name {
    margin-bottom: 20px;
    /*color: var(--current-color);*/
}
@media only screen and (min-width: 768px) {
    #texts .results .grid {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 1024px) {
    #texts .results .item .wrapper {
        box-sizing: border-box;
        padding-right: 20px;
    }
    #texts .results .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
}
@media only screen and (min-width: 1280px) {
    #texts .results .item .wrapper {
        padding-right: 50px;
    }
}