@media screen and (max-width: 1025px) {
    .mobileinline {display:none;}
    .mobile {display:block;}
    .nonmobile {display:none;}
    #welcomeimagepixels {
      width:100svw;
      height: 100svh;
      cursor:auto;
      pointer-events:none;
      transform: none;
      user-select: none;
      position:absolute;
      overflow:hidden;
      top:0;
      left:0;
      position:absolute;
    }
    #welcomeimagegrid {
      width:100%;
      height:100%;
      transform: none;
      opacity:.75;
    }
    #welcomeimagegrid span {
      position:relative;
      width:10svw;
      height:10svw;
      border:1px rgba(18, 102, 199, 0.5) solid;
      float:left;
      user-select: none;
      background-color: rgba(0,0,0, 0.15);
      opacity:.4;
    }
    .floatanim {
      animation-name:none;
    }
    #welcomeimage {display:none;}
    #welcometitle {width:100%;height:50svh;padding:10svw;z-index:9999;}
    #welcometitle img {max-width:80svw;max-height:80svh;width:auto;height:auto;}
    #welcomeflipcard {
        width:100%;
        height:100%;
        padding: 2svh 5svw;
        min-width:0px;
        border-radius:0;
    }
    #welcomeflipcard h2 {
      font-size:1.6rem;
    }
    #welcomeflipcardtext {
        max-height:50svh;
        overflow-y:auto;
        user-select: all;
        pointer-events: all;
        padding-right:15px;
    }
    .welcomebutton button {
        margin-bottom:15px;
        padding: 20px;
    }
    .filterbutton {
      margin-top:10px;
    }
    #leftframe, #rightframe, #bottomframe {
        opacity:0;width:0;height:0;pointer-events:none;
    }
    #desktopmenu {
        display:none;
    }
    #mobilemenubutton {
        display:flex;
    }
    #mobilemenu {
      left:0svw;
    }
    #topframe {
        padding-left:3svw;
        padding-right:3svw;
    }
    #slideincontent {
        flex-direction: column;
        padding-top:0svh;
        padding-bottom:0svh;
    }
    #contentimage {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        height:auto;
        width:95svw;
        padding:15px;
        justify-content: center;
        padding-bottom:0;
      }
      #contentimage img {
        max-width:90%;
        max-height:50svh;
      }
      #contentimagedesc {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        width:95svw;
        height:auto;
        max-height:35svh;
        padding:15px;
        padding-top:10px;
        display: flex;
        justify-content:initial;
        flex-direction: column;
        overflow-y:scroll;
      }
      .catslist {
        margin-top:10px;
      }

      #slideintext {
        width:95svw;
        left:2.5svw;
      }
      #contenttext {
        width:100%;
        max-height:83svh;
        overflow-y:auto;
        padding-top:40px;
        padding-right:40px;
        padding-left:40px;
        padding-bottom:30px;
        background-size:100% auto;
      }
      #contenttext span {
        position:relative;
        width:80%;
        margin-left:10%;
        margin-right:10%;
      }
      #filtersmobile {
        position:absolute;
        bottom:0px;
        left:-300px;
        font-size:1.15rem;
        display:block;
        width:150px;
        text-shadow: 1px 1px 2px #1a1a1a, -1px -1px 2px #1a1a1a;
        z-index:9;
        transition:1s;
      }
      #guide {
        width:95svw;
        height:80svh;
        left:2.5svw;
        padding:30px;
      }
      .guidecells {
        flex-direction:column;
      }
      .cellimage {
        width:100%;
        text-align: left;
        margin-right:0px;
      }
      .cellimage img {
        height:20vh;
        width:20vh;
        border-radius:7px;
      }
      .celltext {
        display:block;
        width:100%;
      }
      #about {
        width:95svw;
        height:80svh;
        position:absolute;
        top:150svh;
        left:2.5svw;
        text-align:left;
        padding:30px;
        z-index:9000;
        background-color:rgb(88, 64, 102);
        border-radius:10px;
        transition:.5s;
        display: flex;
        flex-flow: column;
      }
      #abouttitlebox {
        text-align:center;
      }
      #about h1 {
        padding-bottom:15px;
      }
      #abouttextbox {
        flex: 1;
        height:auto;
        width:100%;
        padding-top:0px;
        padding-right:20px;
        padding-bottom:50px;
        text-align:justify;
        overflow-y:scroll;
        overflow-x:hidden;
      }
      #contentimage, #contentimagedesc {
        box-shadow: rgba(15, 7, 7, 0) 18px 18px 5px;
      }
      #specialslideincontent {
        position:absolute;
        width:95svw;
        height:85svh;
        left:2.5svw;
        flex-direction: column;
        margin-top:2.5svh;
      }
      #specialcontentimage {
        height:55svh;
        width:85svw;
      }
      #specialcontentimagedesc {
        width:85svw;
        height:auto;
        max-height:35svh;
        display: block;
      }
      #specialcontentimagedescbox {
        padding-left:0px;
        max-height:35svh;
        height:auto;
        overflow-y:auto;
      }
      #specialcontentimagedesc p {
        text-align:justify;
      }
      .specialcell {
        height:30svh;
        width:100%;
        margin-bottom:15px;
      }
      .largespecialcell {
        width:100%;
        height:calc(55svh - 90px);
      }
      .largespecialcell img {
        max-width:100%;
        max-height:90%;
      }
      #specialflickslideincontent {
        flex-direction: column;
        width:95svw;
        left:2.5svw;
        margin-top:2.5svh;
        padding-top:2.5svh;
        padding-bottom:2.5svh;
      }
      #specialflickcontentimage {
        height:45svh;
        width:85svw;
        padding:0px;
      }
      #specialflickcontentimagedesc {
        position:relative;
        width:90svw;
        margin-left:2.5svw;
        height:auto;
        max-height:20svh;
        padding:15px;
        padding-right:30px;
        flex: 1;
        overflow-y:auto;
        display:block;
      }
      .carousel-nav {
        display:none;
      }
      .contentslide {
        width:90svw;
      }
      .flickity-prev-next-button.previous {
        left:20px !important;
      }
      .flickity-prev-next-button.next {
        right:20px !important;
      }

      .obra:hover img {
        margin-bottom:0px;
      }
      .specialobra:hover img {
        margin-bottom:0px;
      }
      .obrabig:hover img {
        margin-bottom:0px;
      }
      .card:hover {
        bottom:0px;
      }
      #bb {
        flex-direction: column;
      }
      .bbimage {
        width:100%;
        height:50svh;
      }
      .bbtext {
        width:95svw;
        border-radius:10px;
        flex:1;
        height:40svh
      }
      .bbanimation {
        position:relative;
        margin-bottom:30px;
        width: 100%;
        height:30svh;
        padding-top:15px;
        padding-bottom:15px;
       }
       .bbanimone {
         width:30svh;
         height:30svh;
         text-align:center;
         position:absolute;
         left:0;
         top:15px;
         z-index:1;
       }
       .bbanimtwo {
         width:30svh;
         height:30svh;
         text-align:center;
         position:absolute;
         left:0;
         top:15px;
         z-index:2;
         animation-name: bbfadetwo;
         animation-duration: 7s;
         animation-direction:normal;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
       }
       .bbanimthree {
         width:30svh;
         height:30svh;
         text-align:center;
         position:absolute;
         top:15px;
         z-index:3;
         left:calc(100% - 30svh);
         animation-name: bbfadethree;
         animation-duration: 7s;
         animation-direction:normal;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
       }
       .bbanimone img, .bbanimtwo img, .bbanimthree img {
         height:100%;
         user-select: none;
       }
       @keyframes bbfadetwo {
        0% {left:calc(50% - 15svh);opacity:0;}
        20% {left:calc(50% - 15svh);opacity:1;}
        40% {left:calc(50% - 15svh);opacity:1;}
        60% {left:calc(50% - 15svh);opacity:1;}
        80% {left:calc(50% - 15svh);opacity:1;}
        100% {left:calc(50% - 15svh);opacity:0;}
      }
      @keyframes bbfadethree {
        0% {right:0;opacity:0;}
        20% {right:0;opacity:0;}
        40% {right:0;opacity:0;}
        60% {right:0;opacity:1;}
        80% {right:0;opacity:1;}
        100% {right:0;opacity:0;}
      }
      .bbcell {
        height:30svh;
        width:100%;
      }
      .constellationdesc {
        padding:10px;
      }
      .mobilehide {
        display:none;
      }

      .carousel-nav {
        width:100%;
        height:8svh;
      }
      .carousel-nav .specialcarousel-cell {
        height: 8svh;
        width: 8svh;
      }
      .imageregime {
        width:100%;
        margin-left:0%;
        margin-top:15px;
      }
}