/* For Mobile Screens */

  @media only screen and (max-width: 480px){

    body{
      padding: 0;
    }

    /* Webpage Header */

      header{
        min-width: 0;
        min-height: 0;
        padding: 25px 0 15px;
        background: linear-gradient(to left, #0000005c, #00000011), url(../images/poster.jpg);
        background-size: 335%;
        background-position: 928px;
        margin: -5px;
      }

      h1{
        font-size: 300%;
        text-shadow: 2px 2px #000;
      }

      header>p{
        font-size: 120%;
        margin: auto;
        margin-top: 5px;
        width: 60%;
      }

      nav{
        margin-top: 15px;
      }

      nav>a, nav>a:hover, nav>a:focus{
        width: 30%;
        margin: 0 2%;
        padding: 15px;
        padding-left: 4.2vw;
        font-size: 10px;
        background-size: 95%;
        text-shadow: 1px 1px #000;
      }

      nav>a>span{
        padding-left: 5px;
      }

    /* Controls */

      #views{
        margin-left: 0;
        flex-wrap: wrap;
        height: 100%;
        padding: 0;
      }

      #views>span,#views>div{
        font-size: 100%;
        margin: 20px 5px;
        padding: 7px 13px 6px;
      }

      #alphaSort{
        background-color: #0066ff;
      }

      .dropdown{
        background-color: #0066ff;
      }

      .dropdown:hover{
        background-color: #1c76fc;
      }

      .dropdown-content{
        font-size: 50%;
        margin-left: -13px;
        margin-top: 6px;
      }

      .dropdown-content>div{
        padding: 7px 10px;
      }

      .sub-menu{
        max-height: 170px;
        min-height: 75px;
        font-size: 95%;
        margin-top: -19px;
        margin-left: 81px;
      }

      .sub-menu>div{
        padding: 8px 14px;
      }

      #total-maps{
        font-size: 15px;
      }

      #search-bar{
        margin: -5px 0 20px !important;
        padding: 0 5px !important;
        order: 1;
      }

      #search{
        width: 78vw;
        font-size: calc(4vw - 2px);
        padding-left: 10vw;
      }

      #search-bar i{
        font-size: 4vw;
      }

    /* WebPage Main Content */

      main{
        grid-template-columns: repeat(auto-fill,minmax(111vw,1fr));
      }

      article{
        margin: 0px 10px;
        padding: 0;
        width: 83%;
      }

      article>div>iframe{
        height: 175px;
      }

      article>div>img{
        height: 175px;
        width: 80%;
      }

      article>h2>a, article:hover>h2>a{
        font-size: 120%;
        margin: 10px;
        margin-bottom: 5px;
      }

      article>p{
        font-size: 90%;
        margin-top: -5px;
      }
    
    /* Halloween Theme */

      #halloweenSort{
        border-width: 1px !important;
      }

      .moonbats,.halloween-map:hover>.moonbats{
        width: 27%;
      }

      .jacko,.halloween-map:hover>.jacko{
        width: 21%;
      }

      body>div>img{
        width: 90%;
        z-index: 100;
      }

      #toprightweb{
        width: 45%;
      }

      #webthread{
        width: 1px;
        right: 8%;
        top: 2%;
      }

      #spider{
        right: 5%;
        width: 9%;
      }

      #stt{
        font-size: 17px;
        bottom: 25px;
        right: 20px;
        padding: 10px 17px;
      }

    /* WebPage Footer */

      footer{
        font-size: 15px;
        margin: 0 -8px -8px;
      }

      #contr{
        font-size: 10px;
      }

  }