@-webkit-keyframes showTab {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes showTab {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

main.tabsy-main {
    margin-top: 3em;
    margin-bottom:3.5em;
}

.tabsy button {
    width: 100%;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent
}

.tabsy .tabButton {
    display: block;
    margin-top: 1px;
    background: white;
    text-align: left;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.tabsy input {
    display: none
}

.tabsy input:checked+label+.tab {
    display: block
}

.tabsy input:checked+label+.tab .content {
    -webkit-animation: showTab 250ms ease-in-out;
    animation: showTab 250ms ease-in-out
}

.tabsy .tab {
    background: #fff;
    display: none
}

@media screen and (min-width: 768px) {
    .tabsy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tabsy .tabButton {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        cursor: pointer
    }

    .tabsy input:checked+label {
        background: #fff;
        color: #5a5243
    }

    .tabsy .tab {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.tabButton {

    font-size: 1.3em;
    font-weight: bold;
    padding: 15px 20px;

}

.tab {
    border-top: none;
    padding: 1em;
    padding-top: 0;
    text-align: left;
}

.tab .content h3 {
    margin-top: 1em;
}

.tab .content {
    font-size: 1.2em;
    text-align: justify;
}

.tab .content .label {
    padding-top: 1.6em;
    font-size: 1em;
}