@media screen and (min-height: 482px) and (max-height: 598px) {
    @media screen and (min-width: 360px) and (max-width: 420px) {
        body {
            zoom: 23.5%;
            height: 50%;
            width: auto;
        }
        /*CABECERA*/
        #imagenFondo {
            position: absolute;
            top: 0;
            left: -1px;
            width: 100%;
            height: 650px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/body.png?alt=media&token=5707849b-3c53-4f4e-a020-1544f4f67066");
            background-size: 100%;
            background-repeat: no-repeat;
            -moz-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            -ms-filter: "FlipH";
            filter: FlipH;
        }
        /*DIV DE TODO EL CONTENIDO DE LA PÁGINA DE INICIO*/
        #imgFB {
            position: absolute;
            top: 5px;
            right: 500px;
            width: 190px;
            height: 190px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/facebookLogo2.png?alt=media&token=9a2c3bda-15ae-44ea-b2a4-b9d495c63786");
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        #imgIG {
            position: absolute;
            top: 25px;
            right: 350px;
            width: 140px;
            height: 140px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/instagramLogo2.png?alt=media&token=041a8f88-f42c-4c81-8c96-664e76ba29c9");
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        #imgTT {
            position: absolute;
            top: 25px;
            right: 190px;
            width: 140px;
            height: 140px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/twitterLogo2.png?alt=media&token=48f0336a-2985-4f67-92ae-2405afeb12bb");
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        #imgLD {
            position: absolute;
            top: 25px;
            right: 25px;
            width: 145px;
            height: 145px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/linkedinLogo2.png?alt=media&token=e0890ce9-92cb-4ea0-aacd-a60d482bbe42");
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        #logo {
            position: absolute;
            top: 80px;
            left: 20px;
            width: 400px;
            height: 250px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/cabecera2.png?alt=media&token=5d34115b-dd98-4543-af92-c82167af5094");
            background-size: 100%;
            background-repeat: no-repeat;
            zoom: 200%;
        }
        /*REVISAR SI EXISTE ID*/
        #cajaMenu {
            position: absolute;
            top: 220px;
            left: 0px;
            width: 100%;
            height: 150px;
        }
        #menu {
            position: absolute;
            margin: auto;
            top: 240px;
            width: 100%;
            list-style: none;
            display: flex;
            border-radius: 5px;
        }
        #itemMenu {
            margin-left: 2%;
            margin-right: 2%;
            border-radius: 10px;
        }
        li {
            width: 25%;
            height: 100px;
        }
        a {
            text-decoration: none;
            color: white;
            -webkit-text-stroke: 1px black;
            font-size: 480%;
        }
        a:hover {
            text-decoration: none;
            color: black;
        }
        #cajaContenido {
            position: absolute;
            top: 380px;
            left: 0px;
            width: 100%;
            height: 945%;
            background-color: #27496d;
            opacity: 70%;
            z-index: 1;
        }
        #contenido {
            position: absolute;
            top: 350px;
            left: 0px;
            width: 100%;
            height: 900%;
            background-color: #27496db3;
            z-index: 1;
        }
        #pie {
            position: absolute;
            top: 990%;
            left: 0px;
            width: 100%;
            height: 570px;
            background-color: black;
            border: 2px solid black;
            color: white;
        }
        #marcaPie {
            position: absolute;
            bottom: 30%;
            right: 2%;
            font-size: 200%;
        }
        #direccionPie {
            position: absolute;
            left: 2%;
            bottom: 10%;
            font-size: 250%;
        }
        #horarioPie {
            position: absolute;
            left: 2%;
            bottom: 32%;
            font-size: 250%;
        }
        #cajaLogo {
            position: absolute;
            top: 10px;
            width: 340px;
            height: 120px;
        }
        #mapa {
            display: initial;
            position: absolute;
            top: 2001px;
            width: 100%;
            left: 1px;
            z-index: 1;
        }
        #mapaD {
            display: none;
            position: absolute;
            top: 1750px;
            width: 100%;
            left: 1px;
            z-index: 1;
        }
        #carrusel {
            position: absolute;
            top: 50px;
            margin: auto;
            width: 100%;
            height: 325%;
            z-index: 1;
        }
        /*Inicio*/
        #imgInicio {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 400px;
        }
        #carru1 {
            height: 1290px;
        }
        #carru2 {
            height: 1290px;
        }
        #carru3 {
            height: 1290px;
        }
        #carru4 {
            height: 1290px;
        }
        /*SLIDE 1*/
        #txt1Slide1 {
            display: none;
            position: absolute;
            top: 40px;
            left: 35%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt2Slide1 {
            display: none;
            position: absolute;
            top: 40%;
            left: 30%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt3Slide1 {
            display: none;
            position: absolute;
            bottom: 140px;
            left: 35%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #cajaTxtSlide1 {
            display: none;
            position: absolute;
            bottom: 50px;
            right: 0px;
            width: 1200px;
            height: 100px;
            align-items: center;
            background-color: rgb(39, 73, 109, 0.7);
        }
        #txtSlide1 {
            position: relative;
            top: 15px;
            z-index: 1;
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 60px;
        }
        /*SLIDE 2*/
        #txt1Slide2 {
            display: none;
            position: absolute;
            top: 40px;
            left: 25%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt2Slide2 {
            display: none;
            position: absolute;
            top: 40%;
            left: 30%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt3Slide2 {
            display: none;
            position: absolute;
            bottom: 140px;
            left: 21%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #cajaTxtSlide2 {
            display: none;
            position: absolute;
            bottom: 50px;
            right: 0px;
            width: 1200px;
            height: 100px;
            align-items: center;
            background-color: rgb(39, 73, 109, 0.7);
        }
        #txtSlide2 {
            position: relative;
            top: 15px;
            z-index: 1;
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 60px;
        }
        /*SLIDE 3*/
        #txt1Slide3 {
            display: none;
            position: absolute;
            top: 40px;
            left: 27%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt2Slide3 {
            display: none;
            position: absolute;
            top: 40%;
            left: 23%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt3Slide3 {
            display: none;
            position: absolute;
            bottom: 140px;
            left: 33%;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #cajaTxtSlide3 {
            display: none;
            position: absolute;
            width: 1200px;
            height: 100px;
            bottom: 50px;
            right: 0px;
            align-items: center;
            background-color: rgb(39, 73, 109, 0.7);
        }
        #txtSlide3 {
            position: relative;
            top: 5px;
            z-index: 1;
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 60px;
        }
        /*SLIDE 4*/
        #txt1Slide4 {
            display: none;
            position: absolute;
            top: 100px;
            left: 130px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt2Slide4 {
            display: none;
            position: absolute;
            top: 480px;
            left: 550px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt3Slide4 {
            display: none;
            position: absolute;
            bottom: 140px;
            right: 100px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt4Slide4 {
            display: none;
            position: absolute;
            top: 280px;
            right: 130px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt5Slide4 {
            display: none;
            position: absolute;
            bottom: 350px;
            left: 460px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #txt6Slide4 {
            display: none;
            position: absolute;
            bottom: 200px;
            left: 80px;
            font-size: 150px;
            font-family: Arial, Helvetica, sans-serif;
            -webkit-text-stroke: 2px black;
            color: white;
        }
        #cajaTxtSlide4 {
            display: none;
            position: absolute;
            bottom: 50px;
            right: 0px;
            width: 1200px;
            height: 100px;
            align-items: center;
            background-color: rgb(39, 73, 109, 0.7);
        }
        #txtSlide4 {
            position: relative;
            top: 5px;
            z-index: 1;
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 60px;
        }
        /*Quienes somos*/
        #prfQuienesSomos {
            display: none;
            position: absolute;
            top: 1%;
            left: 2%;
            width: 48%;
            height: 99%;
            color: white;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 280%;
        }
        #prfQuienesSomos2 {
            display: none;
            position: absolute;
            top: 1%;
            right: 2%;
            width: 45%;
            height: 30%;
            color: white;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 280%;
        }
        #prfQuienesSomos3 {
            display: none;
            position: absolute;
            top: 40%;
            right: 2%;
            width: 45%;
            height: 30%;
            color: white;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 280%;
        }
        #imgQuienesSomos {
            display: none;
            position: absolute;
            top: 90%;
            left: 72%;
            width: 93px;
            height: 161px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/inicioLogo.png?alt=media&token=caaa2063-773b-4f6b-8d0b-d161dbbab122");
            background-size: 100%;
            background-repeat: no-repeat;
        }
        /*PÁGINA SERVICIOS*/
        #prfServicios {
            display: none;
            position: absolute;
            top: 50px;
            left: 150px;
        }
        #imgServicios {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: white;
        }
        #cajaServicios {
            display: none;
            position: absolute;
            top: 5%;
            left: 2.5%;
            width: 95%;
            height: 90%;
            border: 2px solid rgb(39, 73, 109);
            border-radius: 10px;
        }
        #servicio1 {
            display: none;
            position: absolute;
            top: 50px;
            left: 5%;
            width: 42%;
            height: 250px;
            border-radius: 10px;
            zoom: 150%;
        }
        #imgS1 {
            display: none;
            position: relative;
            top: 0px;
            width: 215%;
            height: 255px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/01.jpg?alt=media&token=d4cecabe-7fdb-4b3b-b905-3923ed266d63");
            background-size: 105%;
            background-repeat: no-repeat;
            border-radius: 10px;
            border: 12px solid rgb(39, 73, 109);
        }
        #txtS1 {
            display: none;
            position: absolute;
            top: 170px;
            left: 0px;
            width: 380px;
            font-size: 35px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            background-color: rgb(39, 73, 109);
            color: white;
        }
        #servicio2 {
            display: none;
            position: absolute;
            top: 315px;
            left: 5%;
            width: 42%;
            height: 255px;
            zoom: 150%;
        }
        #imgS2 {
            display: none;
            position: relative;
            top: 0px;
            width: 215%;
            height: 255px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/02.jpg?alt=media&token=a6cda768-1e51-41b0-b665-d03ae745ef31");
            background-size: 105%;
            background-repeat: no-repeat;
            border: 12px solid rgb(39, 73, 109);
            border-radius: 10px;
        }
        #txtS2 {
            display: none;
            position: absolute;
            top: 172px;
            left: 0px;
            width: 380px;
            font-size: 35px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            background-color: rgb(39, 73, 109);
            color: white;
        }
        #servicio3 {
            display: none;
            position: absolute;
            top: 580px;
            left: 5%;
            width: 42%;
            height: 255px;
            border-radius: 10px;
            z-index: 1;
            zoom: 150%;
        }
        #imgS3 {
            display: none;
            position: relative;
            top: 0px;
            width: 215%;
            height: 255px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/03.jpg?alt=media&token=bedbb6ab-2d0a-4f80-840c-afe3f0e24017");
            background-size: 105%;
            background-repeat: no-repeat;
            border-radius: 10px;
            border: 15px solid rgb(39, 73, 109);
        }
        #txtS3 {
            display: none;
            position: absolute;
            top: 175px;
            left: 0px;
            width: 380px;
            font-size: 35px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            background-color: rgb(39, 73, 109);
            color: white;
        }
        /*CONTACTO*/
        #frmContacto {
            display: none;
            position: absolute;
            top: -42%;
            left: 0%;
            width: 100%;
            height: 149%;
            background-color: white;
            border-radius: 5px;
            border: 1px solid white;
            zoom: 150%;
        }
        input {
            text-align: center;
            border: 0px;
            background-color: transparent;
            border-bottom: 3px solid rgb(39, 73, 109);
        }
        input:focus {
            outline: none !important;
            outline-width: 0 !important;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }
        #lblNombre {
            display: none;
            position: absolute;
            top: 15px;
            left: 25px;
        }
        #txtNombre {
            display: none;
            position: absolute;
            top: 2%;
            left: 29%;
            font-size: 25pt;
        }
        #alertaNombre {
            display: none;
            position: absolute;
            top: 6.5%;
            left: 29%;
            width: 46%;
            height: 4%;
            text-align: center;
            font-size: 25pt;
        }
        #txtANombre {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #lblApellido {
            display: none;
            position: absolute;
            top: 15px;
            left: 300px;
        }
        #txtApellido {
            display: none;
            position: absolute;
            top: 10%;
            left: 29%;
            font-size: 25pt;
        }
        #alertaApellido {
            display: none;
            position: absolute;
            top: 14.5%;
            left: 29%;
            width: 46%;
            height: 4%;
            text-align: center;
            font-size: 25pt;
        }
        #txtAApellido {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #lblEmpresa {
            display: none;
            position: absolute;
            top: 15px;
            left: 575px;
        }
        #txtEmpresa {
            display: none;
            position: absolute;
            top: 18%;
            left: 29%;
            font-size: 25pt;
        }
        #alertaEmpresa {
            display: none;
            position: absolute;
            top: 22.5%;
            left: 29%;
            width: 46%;
            height: 4%;
            text-align: center;
            font-size: 25pt;
        }
        #txtAEmpresa {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #lblEmail {
            display: none;
            position: absolute;
            top: 80px;
            left: 25px;
        }
        #txtEmail {
            display: none;
            position: absolute;
            top: 26%;
            left: 29%;
            font-size: 25pt;
        }
        #alertaEmail {
            display: none;
            position: absolute;
            top: 30.5%;
            left: 29%;
            width: 46%;
            height: 4%;
            text-align: center;
            font-size: 25pt;
        }
        #txtAEmail {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #lblTelefono {
            display: none;
            position: absolute;
            top: 80px;
            left: 300px;
        }
        #txtTelefono {
            display: none;
            position: absolute;
            top: 34%;
            left: 29%;
            font-size: 25pt;
        }
        #alertaTelefono {
            display: none;
            position: absolute;
            top: 38.5%;
            left: 29%;
            width: 46%;
            height: 4%;
            text-align: center;
            font-size: 25pt;
        }
        #txtATelefono {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #lblMensaje {
            display: none;
            position: absolute;
            top: 130px;
            left: 420px;
            color: gray;
        }
        #txtMensaje {
            display: none;
            position: absolute;
            top: 45%;
            left: 50px;
            width: 90%;
            height: 35%;
            border: 1px solid rgb(39, 73, 109);
            background-color: transparent;
            border-radius: 5px;
            border-bottom: 3px solid rgb(39, 73, 109);
            font-size: 25pt;
        }
        #alertaMensaje {
            display: none;
            position: absolute;
            top: 161px;
            left: 51px;
            width: 718px;
            height: 15px;
            text-align: center;
        }
        #txtAMensaje {
            position: relative;
            top: -10px;
            margin: auto;
        }
        #txtMensaje:focus {
            outline: none !important;
            outline-width: 0 !important;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }
        #btnEnviar {
            display: none;
            position: absolute;
            top: 82%;
            right: 43%;
            font-size: 25pt;
        }
        #mensajeContacto {
            display: none;
            position: absolute;
            top: 80%;
            left: 120px;
            width: 600px;
            height: 250px;
            color: white;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px;
        }
        #logoPieContacto {
            display: none;
            position: absolute;
            top: -540%;
            left: 10%;
            width: 93px;
            height: 161px;
            background-image: url("https://firebasestorage.googleapis.com/v0/b/sstolympus.appspot.com/o/inicioLogo.png?alt=media&token=caaa2063-773b-4f6b-8d0b-d161dbbab122");
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: 1;
        }
        #txtContactoPRF {
            display: none;
        }
    }
}