body {
margin: 0;
}
@media screen and (device-aspect-ratio: 19.5 / 9) {
.module {
height: 87vh !important;
height: calc(var(--vh, 1vh) * 100) !important;
margin: 0 auto !important;
max-width: 100% !important;
}
.module_iframe {
align-items: center;
display: flex;
height: 87vh !important;
justify-content: center;
}
}
@media not all and (min-resolution:.001dpcm) {
/* Iphone 13 mini, 12 mini, 11 pro, xs, x */
@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 86vh !important;
justify-content: center;
}
}
/* Iphone 11 pro max, 11, xs max, xr */
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 87vh !important;
min-height: 87vh !important;
justify-content: center;
}
}
/* Iphone 12 pro, 13 pro, 14 pro, 14, 13, 12, 12 pro max, 13 pro max, 13 mini, 12 mini, 11 pro, 11 pro max, xs, xs max, x */
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone 6S plus, 8 plus, 7 plus */
@media only screen and (-webkit-min-device-pixel-ratio: 2.6),
only screen and (min--moz-device-pixel-ratio: 2.6),
only screen and (-o-min-device-pixel-ratio: 2.6/1),
only screen and (min-device-pixel-ratio: 2.6) {
.module_iframe {
align-items: center;
display: flex;
height: 89vh !important;
min-height: 89vh !important;
justify-content: center;
}
}
/* Iphone SE, 11, xr, 8, 7, 6s */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
.module_iframe {
align-items: center;
display: flex;
height: 87vh !important;
min-height: 87vh !important;
justify-content: center;
}
}
/* Iphone 12 pro, 13 pro, 14, 13, 12 */
@media only screen and (device-width: 390px) and (device-height: 844px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: calc(691px - 26px) !important;
max-height: 91vh !important;
min-height: 86vh !important;
justify-content: center;
}
}
/* Iphone 12 pro max, 13 pro max, 14 plus */
@media only screen and (device-width: 428px) and (device-height: 926px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone 14 pro max */
@media only screen and (device-width: 430px) and (device-height: 932px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone 14 pro */
@media only screen and (device-width: 393px) and (device-height: 852px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone 8, 7, 6s */
@media only screen and (device-width: 375px) and (device-height: 667px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone SE */
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 88vh !important;
min-height: 88vh !important;
justify-content: center;
}
}
/* Iphone 6S plus, 8 plus, 7 plus */
@media only screen and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) {
.module_iframe {
align-items: center;
display: flex;
height: 89vh !important;
min-height: 89vh !important;
justify-content: center;
}
}
}
.module2 {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
margin: 0 auto;
max-width: 100%;
}
@media (min-width: 600px) {
.module_iframe {
align-items: center;
display: flex;
height: 100vh;
justify-content: center;
}
}
@media (max-width: 599px) {
.module_iframe {
align-items: center;
display: flex;
min-height: 93vh;
justify-content: center;
}
}