    <style>


/* ordenadores */
        @media (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 : 2500px;
            }
}

        }

/* 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;
            }
}

        }


/* 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;
            }
}

        }

/* 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;
            }
}

        }

/* 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;
            }
}

        }

/* ordenador */

        @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%;
            }
}

        }





/* 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;
            }
}

        }
/* 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%;
            }
}

        }


/* 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;
            }
}

        }

/* 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;
            }
}

        }


</style>
