@media screen and (max-height: 538px) and (max-width: 359px) {
    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: 1115px;
        background-color: #27496d;
        opacity: 70%;
    }
    #contenido {
        position: absolute;
        top: 350px;
        left: 0px;
        width: 100%;
        height: 1115px;
        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;
        border: green solid 5px;
    }
    #marcaPie {
        position: absolute;
        bottom: 400px;
        right: 2%;
        font-size: 200%;
    }
    #direccionPie {
        position: absolute;
        left: 2%;
        bottom: 400px;
        font-size: 250%;
    }
    #horarioPie {
        position: absolute;
        left: 2%;
        bottom: 350px;
        font-size: 250%;
    }
    #cajaLogo {
        position: absolute;
        top: 10px;
        width: 340px;
        height: 120px;
    }
    #mapa {
        display: initial;
        position: absolute;
        top: 1755px;
        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: 990px;
    }
    /*Inicio*/
    #imgInicio {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 400px;
    }
    #carru1 {
        height: 990px;
    }
    #carru2 {
        height: 990px;
    }
    #carru3 {
        height: 990px;
    }
    #carru4 {
        height: 990px;
    }
    /*SLIDE 1*/
    #txt1Slide1 {
        display: none;
        position: absolute;
        top: 40px;
        left: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt2Slide1 {
        display: none;
        position: absolute;
        top: 400px;
        left: 480px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt3Slide1 {
        display: none;
        position: absolute;
        bottom: 140px;
        right: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #cajaTxtSlide1 {
        display: none;
        position: absolute;
        bottom: 50px;
        right: 0px;
        width: 1000px;
        height: 80px;
        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: 50px;
    }
    /*SLIDE 2*/
    #txt1Slide2 {
        display: none;
        position: absolute;
        top: 40px;
        left: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt2Slide2 {
        display: none;
        position: absolute;
        top: 400px;
        left: 520px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt3Slide2 {
        display: none;
        position: absolute;
        bottom: 140px;
        right: 50px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #cajaTxtSlide2 {
        display: none;
        position: absolute;
        bottom: 50px;
        right: 0px;
        width: 1000px;
        height: 80px;
        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: 50px;
    }
    /*SLIDE 3*/
    #txt1Slide3 {
        display: none;
        position: absolute;
        top: 40px;
        left: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt2Slide3 {
        display: none;
        position: absolute;
        top: 400px;
        left: 520px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt3Slide3 {
        display: none;
        position: absolute;
        bottom: 140px;
        right: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #cajaTxtSlide3 {
        display: none;
        position: absolute;
        bottom: 50px;
        right: 0px;
        width: 1000px;
        height: 80px;
        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: 50px;
    }
    /*SLIDE 4*/
    #txt1Slide4 {
        display: none;
        position: absolute;
        top: 100px;
        left: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt2Slide4 {
        display: none;
        position: absolute;
        top: 350px;
        left: 550px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt3Slide4 {
        display: none;
        position: absolute;
        bottom: 140px;
        right: 100px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt4Slide4 {
        display: none;
        position: absolute;
        top: 40px;
        right: 130px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt5Slide4 {
        display: none;
        position: absolute;
        bottom: 280px;
        left: 460px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #txt6Slide4 {
        display: none;
        position: absolute;
        bottom: 200px;
        left: 80px;
        font-size: 100px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-text-stroke: 2px black;
        color: white;
    }
    #cajaTxtSlide4 {
        display: none;
        position: absolute;
        bottom: 50px;
        right: 0px;
        width: 1000px;
        height: 80px;
        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: 50px;
    }
    /*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: 29pt;
    }
    #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: 29pt;
    }
    #prfQuienesSomos3 {
        display: none;
        position: absolute;
        top: 30%;
        right: 2%;
        width: 45%;
        height: 30%;
        color: white;
        text-align: justify;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 29pt;
    }
    #imgQuienesSomos {
        display: none;
        position: absolute;
        top: 82%;
        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: 110px;
        left: 50px;
        width: 380px;
        height: 250px;
        border-radius: 10px;
        zoom: 150%;
    }
    #imgS1 {
        display: none;
        position: relative;
        top: 0px;
        width: 380px;
        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: relative;
        top: 400px;
        margin: auto;
        width: 380px;
        height: 255px;
        zoom: 150%;
    }
    #imgS2 {
        display: none;
        position: relative;
        top: 0px;
        width: 380px;
        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: 110px;
        right: 50px;
        width: 380px;
        height: 255px;
        border-radius: 10px;
        z-index: 1;
        zoom: 150%;
    }
    #imgS3 {
        display: none;
        position: relative;
        top: 0px;
        width: 380px;
        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: -50%;
        left: 0%;
        width: 100%;
        height: 150%;
        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;
    }
}