body {
	font-family: Verdana, Tahoma, sans-serif;
}

div[class*="flex-"] {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

div.flex-two-column > div.item, div.flex-three-column > div.flex-two-column, div.flex-three-column > div.thirdly-item {
    flex: 50%;
}

div.flex-three-column > div.thirdly-item {
    flex: calc(100%/3);
}

div[class*="flex-"] > div[class*="item"] {
    margin: 3px;
    padding: 10px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

div[class*="flex-"] > div[class*="item"] > .title {
    text-align: center;
}

div[class*="flex-"] > div[class*="item"] > div.content {
    padding-left: 5px;
}

img {
    max-width: 100%;
    height: auto;
}

img.centree, div[class*="flex-"] > div[class*="item"] img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1200px) {
    div.flex-three-column {
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    div[class*="flex-"] {
        flex-direction: column;
    }

    div[class*="flex-"] > div[class*="item"] {
        box-shadow: none;
    }

    div[class*="flex-"] > div[class*="item"] + div[class*="item"], div[class*="flex-"] > div[class*="item"] + div[class*="flex-"], div[class*="flex-"] > div[class*="flex-"] + div[class*="item"] {
        border-top: 2px solid black;
    }
}