@keyframes zsc {


    100% {
        top:45%;
        font-size: 45px;
    }
}
@keyframes imsc {


    100% {
        width: 100%;
        left: 0%;
        top: 10%;
        border-radius: 0px;
        z-index: -1;
        box-shadow: 0px 0px 0px gray;
    }
}
@keyframes footo {
    0% {
        top: 95%
    }

    100% {
        top: 60%;
    }
}
@media screen and (min-width: 650px) and (max-width:24000px) {

    img.pf2{
       display:none;
    }
    video.eqtxtvid {
        position: absolute;
        top: 200px;
        left: 20%;
        width: 60%;
        display: none;
    }
    img.phPH{

        display:none;
    }
    body {
        background:black;
    }

    footer {
        position: fixed;
        bottom: 2%;
        left: 45%;
        display:none;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        border-radius: 70px;

        height: 10%;
        left: 20%;
        width: 60%;
    }
    ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: black;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: white;
        border-radius: 5px;
        height: 5px;
    }
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    @keyframes footo {


        100% {
            width: 70%;
            left: 15%;
            height: 12%;
            bottom: 5%;
        }
    }

    footer:hover {
        animation: footo 2s forwards;
    }


    a.link4 {
        position: absolute;
        top: 10%;
        left: 18%;
        height: 80%;
    }

    img.imglapp {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes link4 {


        100% {
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }

    a.link5 {
        position: absolute;
        left: 28%;
        top: 10%;
        height: 80%;
    }

    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 75px;
    }

    a.link6 {
        position: absolute;
        left: 38%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link7 {
        position: absolute;
        left: 48%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link8 {
        position: absolute;
        left: 58%;
        top: 10%;
        height: 80%;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    a.link9 {
        position: absolute;
        left: 78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0px;
    }

    a.link10 {
        position: absolute;
        left: 68%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    @keyframes dsdd{

        100% {
            font-size: 50px;
            color: white;
            text-shadow: 0px 0px 40px white;
            top: 20%;
        }
    }
    a.slgn1 {
        position: absolute;
        top: 25%;
        width: 100%;
        color: gray;
        left: 0;
        font-family: -apple-system, BlinkMacSystemFont, 'Futura Bk BT';
        font-size: 20px;
        text-align: center;
        z-index: 1;
        text-shadow: 0px 0px 0px black;
        animation: dsdd 2s forwards;
    }

    img.ph101 {
        position: absolute;
        left: 0%;
        top:-15%;
        width: 100%;
    }

   div.connection{

       position:absolute;
       top:110%;
       left:25%;

       width:50%;
       height:110%;
       background:black;
        


   }

    img.pci1 {
        position: relative;
        width:60%;
        top: 1%;
        left:20%;
    }

    p.pca1 {
        position: relative;
        top: 0%;
        left: 0%;
        width: 90%;
        text-align: left;

        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
    hr.hr1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }
    p.pcp1 {
        position: relative;
        color: lightgray;
        top: 0%;
        top: 0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

    a.pca2 {
        position: relative;
        top: 15%;
        color: lightcoral;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }




    div.STT {
        position: absolute;
        top: 235%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }

    video.psi1 {
        position: relative;
        width: 80%;
        top: 1%;
        left: 10%;
    }
 

    p.psa1 {
        position: relative;
        top:0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.gestures {
        position: absolute;
        top: 345%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }
    p.pga1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.led {
        position: absolute;
        top: 450%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }
    p.pla1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
    img.pli1 {
        position: relative;
        width: 100%;
        top: 0%;
        left:0%;
    }

    p.plp1 {
        position: relative;
        color: lightgray;

        top:0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }


    hr.hpr1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }




    div.design {
        position: absolute;
        top: 555%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }



    img.pdi1 {
        position: absolute;
        width: 200%;
        top: 1%;
        left: -50%;
    }

    p.pda1 {
        position: relative;
        top: 120%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    hr.hdr1 {
        position: relative;
        top: 120%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }



    p.pdp1 {
        position: relative;
        color: lightgray;
        top: 120%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }




    img.pgi1 {
        position: relative;
        width: 100%;
        top: 1%;
        left: 0%;
    }


    img.pf{

        position:absolute;
        left:0;
        display:none;
        top:0;
        width:100%;
    }


    video.eq2vid{

        position:absolute;
        left:0;
        top:730%;
        width:100%;

    }





























}

/* PHONE*/
@media screen and (min-width:100px) and (max-width:649px)
{
    
    img.ph101 {
       display:none;
    }



    body{
    background:black;
}


img.ph1 {
    position: absolute;
    left: 0;
    top: 0;
    display:none;
    width: 100%;
}



    a.slgn {
    display:none;
    }


    video.eqtxtvid{
        position:absolute;
top:200px;
left:20%;
width:60%;

    }


    img.pf {
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
    }
    img.pf2 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    img.phPH{
       position:absolute;
       top:0;
       left:0;
     
       width:100%;
    }
    div.connection {
        position: absolute;
        top: 110%;
        left: 5%;
        width: 90%;
        height: 110%;
     
    }

    img.pci1 {
        position: relative;
        width: 60%;
        top: 1%;
        left: 20%;
    }

   p.pca1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    hr.hr1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }

    p.pcp1 {
        position: relative;
        color: lightgray;
        top: 0%;
        top: 0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

    a.pca2 {
        position: relative;
        top: 0%;
        color: lightcoral;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }




    div.STT {
        position: absolute;
        top: 200%;
        left: 5%;
        width: 90%;
        height:80%;
        background: black;
    }

    video.psi1 {
        position: relative;
        width: 80%;
        top: 1%;
        left: 10%;
    }


    p.psa1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.gestures {
        position: absolute;
        top: 290%;
        left: 5%;
        width: 90%;
        height: 70%;
        background:black;
    }

    p.pga1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.led {
        position: absolute;
        top: 370%;
        left: 5%;
        width: 90%;
        height: 50%;
        background: black;
    }

    p.pla1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    img.pli1 {
        position: relative;
        width: 100%;
        top: 1%;
        left: 0%;
    }

    p.plp1 {
        position: relative;
        color: lightgray;
        top:0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }


    hr.hpr1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }




    div.design {
        position: absolute;
        top: 445%;
        left: 5%;
        width: 90%;
        height: 60%;
        background: black;
    }
    img.pdi1 {
        position: absolute;
        width: 110%;
        top: 1%;
        left: -5%;
    }

    p.pda1 {
        position: relative;
        top:45%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }
    hr.hdr1 {
        position: relative;
        top: 45%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }

  

    p.pdp1 {
        position: relative;
        color: lightgray;
        top: 45%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }






    div.texto {
        position: absolute;
        top: 545%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: center;
        color: white;
        width: 100%;
        left: 0;
    }



















    img.pgi1 {
        position: relative;
        width: 100%;
        top: 1%;
        left: 0%;
    }





    video.eq2vid {
        position: absolute;
        left: 0;
        top: 510%;
        width: 100%;
    }








    footer {
        position: fixed;
        bottom: 2%;
        display:none;
        left: 10%;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        border-radius: 70px;
        height: 5%;
        z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
        width: 80%;
    }

    @keyframes footo {


        100% {
            width: 100%;
            left: 0%;
            height: 8%;
            bottom: 5%;
        }
    }

    footer:hover {
        animation: footo 2s forwards;
    }


    a.link4 {
        position: absolute;
        top: 10%;
        left: 2%;
        height: 80%;
    }

    img.imglapp {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes link4 {


        100% {
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }

    a.link5 {
        position: absolute;
        left: 17%;
        top: 10%;
        height: 80%;
    }

    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 75px;
    }

    a.link6 {
        position: absolute;
        left: 32%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link7 {
        position: absolute;
        left: 47%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link8 {
        position: absolute;
        left: 62%;
        top: 10%;
        height: 80%;
        display: none;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    a.link9 {
        position: absolute;
        left: 78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0px;
    }

    a.link10 {
        position: absolute;
        left: 62%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }














}



/* PHONE */
@media screen and (min-height:200px) and (max-height:450px) {
  
    a.slgn{
        display:none;
    }
    img.pf2 {
        display: none;
    }

    img.phPH {
        display: none;
    }

    body {
        background: black;
    }

    footer {
        position: fixed;
        bottom: 2%;
        left: 45%;
        z-index: 100;
        background: rgb(15,15, 15, 0.90);
        border-radius: 70px;
        height: 10%;
        left: 20%;
        width: 60%;
    }

    ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: black;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: white;
        border-radius: 5px;
        height: 5px;
    }
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    @keyframes footo {


        100% {
            width: 70%;
            left: 15%;
            height: 12%;
            bottom: 5%;
        }
    }

    footer:hover {
        animation: footo 2s forwards;
    }


    a.link4 {
        position: absolute;
        top: 10%;
        left: 18%;
        height: 80%;
    }

    img.imglapp {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    @keyframes link4 {


        100% {
            height: 85%;
            top: -10%;
        }
    }

    #ea:hover {
        animation: link4 1s forwards;
    }

    a.link5 {
        position: absolute;
        left: 28%;
        top: 10%;
        height: 80%;
    }

    img.imgig {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 75px;
    }

    a.link6 {
        position: absolute;
        left: 38%;
        top: 10%;
        height: 80%;
    }

    img.imgyt {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link7 {
        position: absolute;
        left: 48%;
        top: 10%;
        height: 80%;
    }

    img.imgspoti {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

    a.link8 {
        position: absolute;
        left: 58%;
        top: 10%;
        height: 80%;
    }

    img.imgloo {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    a.link9 {
        position: absolute;
        left: 78%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgeq {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0px;
    }

    a.link10 {
        position: absolute;
        left: 68%;
        top: 10%;
        height: 80%;
        z-index: -1;
    }

    img.imgau {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 50px;
    }



    video.ph1 {
        position: absolute;
        left: 0;
        top: -10%;
        width: 100%;
    }

    div.connection {
        position: absolute;
        top: 110%;
        left: 25%;
        width: 50%;
        height: 110%;
        background: black;
    }

    img.pci1 {
        position: relative;
        width: 60%;
        top: 1%;
        left: 20%;
    }

    p.pca1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    hr.hr1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }

    p.pcp1 {
        position: relative;
        color: lightgray;
        top: 0%;
        top: 0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

    a.pca2 {
        position: relative;
        top: 0%;
        color: lightcoral;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }




    div.STT {
        position: absolute;
        top: 235%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }

    video.psi1 {
        position: relative;
        width: 80%;
        top: 1%;
        left: 10%;
    }


    p.psa1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.gestures {
        position: absolute;
        top: 345%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }

    p.pga1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }


    div.led {
        position: absolute;
        top: 450%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }

    p.pla1 {
        position: relative;
        top: 0%;
        left: 0%;
        color: lightgray;
        font-size: 50px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    img.pli1 {
        position: relative;
        width: 200%;
        top: 1%;
        left: -50%;

    }

    p.plp1 {
        position: relative;
        color: lightgray;
        top: 0%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }


    hr.hpr1 {
        position: relative;
        top:0%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }




    div.design {
        position: absolute;
        top: 555%;
        left: 25%;
        width: 50%;
        height: 100%;
        background: black;
    }



    img.pdi1 {
        position: absolute;
        width: 200%;
        top: 1%;
        left: -50%;
    }

    p.pda1 {
        position: relative;
        top: 100%;
        left: 0%;
        color: lightgray;
        font-size: 35px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: bold;
    }

    hr.hdr1 {
        position: relative;
        top: 100%;
        left: 0%;
        color: lightgray;
        width: 100%;
        text-align: center;
        font-size: 100%;
    }



    p.pdp1 {
        position: relative;
        color: lightgray;
        top: 100%;
        width: 90%;
        text-align: left;
        left: 5%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }


    div.texto {
        position: absolute;
        top: 785%;
        font-size: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: center;
        color: white;
        width: 100%;
        left: 0;
    }


    img.pgi1 {
        position: relative;
        width: 100%;
        top: 1%;
        left: 0%;
    }


    img.pf {
        position: absolute;
        left: 0;
        display: none;
        top: 0;
        width: 100%;
    }


    video.eq2vid {
        position: absolute;
        left: 0;
        top: 680%;
        width: 100%;
    }
}