    <style>


/* ordenadores */
        @media (height >= 2000px) {
            body {
                background-image: url('../img/background_001png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 2500px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}


        }

/* oppo v */
        @media (height >= 1890px) and (height < 2000px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 1024px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}


        }


/* iphone 12 v ¿? */
        @media (height >= 1660px) and (height < 1890px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 2500px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}


        }

/* ipad v and iphone v  */

        @media (height >= 1150px) and (height < 1660px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 2120px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}


        }

/* ipad h */

        @media (height >= 620px) and (height < 1150px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 1024px;
            }
}

.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}

        }

/* ordenador mac */

        @media (height >= 620px) and (height < 1150px) and (width > 1000px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 100%;
            }
}

.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  border-radius: 8px;
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


        }





/* iphone 12 h ok */
        @media (height >= 430px) and (height < 620px) and (width <= 1000px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 1324px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  border-radius: 8px;
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


        }
/* ordenador ¿? */
        @media (height >= 430px) and (height < 620px) and (width > 1000px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 100%;
            }
}

.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}

        }


/* oppo h */
        @media (height >= 330px) and (height < 430px){
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 2500px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}


        }

/* all other */
        @media (height < 330px) {
            body {
                background-image: url('../img/background_001.png');
            }
.navbar {
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the bottom of the page */
  border-radius: 8px;
  max-width: unset;
  max-height: unset;
            img {
              padding: 10px;
              witdh : 100%;
              height: 80px;
            }
}
/* Main content */
.main {
  margin-top: 80px; /* Add a bottom margin to avoid content overlay */
            img {
              padding: 10px;
              width : 2500px;
            }
}
.main-iframe {
  margin-top: 85px; /* Add a bottom margin to avoid content overlay */
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1000;
  right: 1000;
  width: 100%;
  height: 100%;
}

        }


</style>
