@media screen and (max-width: 639px) {


.cardquote > div:last-child {
	padding: 15px 20px;
}

.cardquote > div:last-child > h4 {
    font-size: 12px;
}

#header > div {
    width: 100%;
    padding: 15px 0;
}

#header > div > div.tagline {
    padding: 0 0 0 20px;
}

#maximenuck110-mobile-bar > .mobilemenuck-bar-button {
    left: 0;
}

#maximenuck111-mobile-bar > .mobilemenuck-bar-button {
    right: 6px;
}

#container > ul.mod-articles-items > li:nth-child(1) > article > div > div:nth-child(2) {
    padding: 15px;
}

#container > ul.mod-articles-items > li:nth-child(1) > article > div > div:nth-child(2) > p:nth-child(2) {
    font-size: var(--size1);
}

#container > ul.mod-articles-items > li:nth-child(1) > article > div > div:nth-child(1) {
    width: calc(100% - 100px);
    margin: 0 0 0 100px;
}

#container > ul.mod-articles-items > li:nth-child(1) > article > div > div:nth-child(2) {
    width: 170px;
}

#container > ul.mod-articles-items > li:nth-child(2) {
    width: 100%;
    margin: 0 0 15px 0;
}

#container > ul.mod-articles-items > li:nth-child(3) {
    width: 100%;
    margin: 15px 0 0 0;
}

#container > div#mod-custom116 {
    display: block;
}

div#useful > div > div > div:nth-child(1), div#useful > div > div > div:nth-child(2), div#useful > div > div > div:nth-child(3) {
    width: calc(33.33% - 10px);
    margin: 0 5px 10px 5px;
}

div#useful > div > div > div:nth-child(4), div#useful > div > div > div:nth-child(5) {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
}

div#useful > div > div > div > div > h4 {
    font-size: var(--size1);
    margin: 0 10px 10px 10px;
}

#container > #article > aside {
    margin: 0;
}

div.person {
    flex-wrap: wrap;
}

div.person > div:first-child {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

div.person > div:last-child {
    width: 100%;
}

.closed {
    padding: 30px;
    width: calc(100% - 64px);
}

}