SECCIONES
@media only screen and (max-width: 480px) {
.iframe-container {
position: relative;
width: 100%;
height: 2900px;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
}
@media only screen and (min-width: 768px) {
.iframe-container {
position: relative;
width: 100%;
height: 4200px;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
}
@media only screen and (min-width: 992px) {
.iframe-container {
position: relative;
width: 100%;
height: 800px;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
}