body main {

    section {
        --colonnage: 2/ -2;

        & > div {

            p {
                text-align: start;
            }
        }

        iframe {
            width: 100%;
            height: 1155px;
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 1270px) {

    body main {

        section {

            iframe {
                height: 1230px;
            }
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 1097px) {

    body main {

        section {

            iframe {
                height: 1625px;
            }
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 1080px) {

    body main {

        section {

            iframe {
                height: 1155px;
            }
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 768px) {

    body main {

        section {

            iframe {
                height: 1230px;
            }
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 583px) {

    body main {

        section {

            iframe {
                height: 1640px;
            }
        }
    }
}

/*-------------------------------------------------------------------------*/

@media (max-width: 449px) {

    body main {

        section {

            iframe {
                height: 1750px;
            }
        }
    }
}