.main {
    margin: 0 10%;
    display: block;
    position: relative;
}

.main .flex-container {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.main .flex-container .flex-item {
    width: 100%;
    margin: auto;
    padding: 1em 0;
}

.main .flex-container .flex-item .container {
    margin: auto;
}

.main .flex-container .flex-item .container ul {
    margin: 1em 0;
}

.main .flex-container .flex-item .container li {
    list-style: none;
}

.main iframe {
    width: 425px;
    height: 400px;
}

@media (max-width: 768px) {
    .main iframe {
        width: 100%;
        height: 300px;
    }
}