@mixin fixar-tamanho($tamanho) {
    max-width: $tamanho;
}
.theme-card {
    @include display-flex;
    @include flex-wrap(wrap);
    
    .card {
        @include border-radius(.5em);
        min-width: 100%;
        padding: .5em .5em 3em;
        margin: .5em 0;
        display: inline-block;
        @include flex(1 0);
        
        .list-items {
            .box {
                padding: .5em;
                margin: .5em 0;
                border: 1px solid transparent;
                border-left: .5em solid $primary;
            }
        }
        
        &.custom-1 {
            .card-footer {
                background-color: lighten($grey-lighter, 10%);
                
                .link, a {
                    @include transition(all .5s ease);
                    color: $grey;
                    
                    &:hover {
                        background-color: $primary;
                        color: $white;
                    }
                }
            }
        }
        
        .subtitle {
            text-transform: uppercase;
        }
        
        .card-title {
            border-bottom: 1px solid lighten($black, 80%);
            padding-bottom: .5em;
            
            .is-primary {
                color: $primary;
            }
        }
        
        .card-description {
            padding: .5em;
        }
        
        .card-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }
}

@media screen and (min-width: 768px) {
    .theme-card {
        .card {
            margin: .5em;
            min-width: 20em;
            
            &.is-three-quarters {
                @include fixar-tamanho(75%)
            }
            &.is-two-thirds {
                @include fixar-tamanho(66%)
            }
            &.is-half {
                @include fixar-tamanho(50%)
            }
            &.is-one-third {
                @include fixar-tamanho(33%)
            }
            &.is-one-quarter {
                @include fixar-tamanho(25%)
            }
        }
    }
}