﻿#YourWicFoods section {
    margin-bottom: 4rem;
}

ul.accordion > li:first-child {
    border-top: 2px solid;
    border-color: #72c8f2;   
    padding-top:15px;
}

.sec1a, .sec2a, .sec3a, .sec4a, .sec5a, .sec6a {
    align-self: flex-end;
    justify-self: center;    
}

.sec1b, .sec2b, .sec3b, .sec4b, .sec5b, .sec6b {
    text-align: center;
    text-decoration: none;
    color: inherit;
}

#YourWicFoods .sec1a {
    grid-area: a1;
}

#YourWicFoods .sec1b {
    grid-area: b1;
}

#YourWicFoods .sec2a {
    grid-area: a2;
}

#YourWicFoods .sec2b {
    grid-area: b2;
}

#YourWicFoods .sec3a {
    grid-area: a3;
}

#YourWicFoods .sec3b {
    grid-area: b3;
}

#YourWicFoods .sec4a {
    grid-area: a4;
}

#YourWicFoods .sec4b {
    grid-area: b4;
}

#YourWicFoods .sec5a {
    grid-area: a5;
}

#YourWicFoods .sec5b {
    grid-area: b5;
}

#YourWicFoods .sec6a {
    grid-area: a6;
}

#YourWicFoods .sec6b {
    grid-area: b6;
}

#YourWicFoods .grid-6-shortcuts {
    display: grid;
    grid-column-gap: 20px;
    grid-template:
        'a1 a2 a3 a4 a6'
        'b1 b2 b3 b4 b6';
}


@media screen and (max-width: 1400px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1 a2 a3'
            'b1 b2 b3'
            'a4 a6'
            'b4 b6';
    }    
    }

@media screen and (max-width: 1000px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1 a2'
            'b1 b2'
            'a3 a4'
            'b3 b4'
            'a6'
            'b6';
    }    
}

@media screen and (max-width: 768px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1''b1''a2''b2''a3''b3''a4''b4''a6''b6';
    }
}

/*#YourWicFoods .grid-6-shortcuts {
    display: grid;
    grid-column-gap: 20px;
    grid-template:
        'a1 a2 a3 a4 a5 a6'
        'b1 b2 b3 b4 b5 b6';
}


@media screen and (max-width: 1400px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1 a2 a3'
            'b1 b2 b3'
            'a4 a5 a6'
            'b4 b5 b6';
    }
}

@media screen and (max-width: 1000px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1 a2'
            'b1 b2'
            'a3 a4'
            'b3 b4'
            'a5 a6'
            'b5 b6';
    }
}

@media screen and (max-width: 768px) {
    #YourWicFoods .grid-6-shortcuts {
        grid-template:
            'a1''b1''a2''b2''a3''b3''a4''b4''a5''b5''a6''b6';
    }
}*/