@charset "utf-8";
/* CSS Document */

.one-column-container, .two-column-container, .three-column-container, .four-column-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 20px auto;
}
.item img {width:100%;}

.one-column-container .item {
    flex: 1 1 100%;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

.two-column-container .item {
    flex: 1 1 calc(50% - 20px);
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

.three-column-container .item {
    flex: 1 1 calc(33.333% - 20px);
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

.four-column-container .item {
    flex: 1 1 calc(25% - 20px);
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .two-column-container .item, .three-column-container .item, .four-column-container .item {
        flex: 1 1 calc(50% - 20px);
    }
}
@media (max-width: 768px) {
    .one-column-container .item, .two-column-container .item, .three-column-container .item, .four-column-container .item {
        flex: 1 1 100%;
    }
}
.item h4{font-size:1.8rem;
	margin-bottom: 10px
}
.item p{
	text-align: left;
}