@media only screen
and (min-device-width: 0px)
and (max-device-width: 640px) {


.cog{
 /*display: none;*/
     top: 4vh;
    right: 8vw;
  }
  .info{
    display:block;
     top: 8.5vh;
      right: 8vw;
  }
  .home{
    display: block;
  }
 div.main{
   margin-top:0;
   height:100%!important;
   width:100%;

 }
  div.main>div.splash{
    background-color: none;
    padding:0;
    margin-bottom: 1vh!important;
    margin-top: 5vh;
    height:100%;
    width:78%;
  }
    div.main>div.splash>span{
      font-size: 18vw;
      background-color: none;
      height:100%;
    }
    div.main>div.splash>span.scaleDown{
      font-size: 8vw;
    }
    .myfkpage> li.black>div.main{
      padding-top: 5vh;
    }
    section{
      padding-right:7%;
      padding-left: 7%;
      margin-bottom: 5vh;
    }
    section>div.body{
      background-color: none;
      width:90%!important;
      height:auto;
      padding-top: 0;
      padding-left: 5%;

    }
      section>div.body>p{
        background-color: none;
        font-size: 2vw;
        width:100%;
        line-height: 4.2vw;
      }

      section>h2{
        background-color: none;
        font-size: 3.5vw;
        position: relative;
        text-align: center;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 2vh;
      }
      section.generatedStory>div.body{
        padding-top: 0;
      }

      section.general>div.body{
        padding-top: 0;
      }
      section.general>div.body>a {
        font-size: 5vw;
      }
      section.smallPrint{
        background-color: none;
        margin-bottom: 5vh;
        padding: 0;
      }
      section.smallPrint>div.logo{
        border: solid 2px none;
        width:50vw;
        height:20vw;
        display: block;
        margin: auto;
        margin-bottom: 5vh;
        float: none;
      }
      div#logo1{margin:auto;margin-bottom: 5vh;}
      div#logo5{margin:auto;margin-bottom: 5vh; height:35vw;}

      section.smallPrint>a{
        font-size:2vw;

        margin: auto;

      }
      section.smallPrint>a span{
        display: inline-block;
        background-color: none;
        border-bottom: solid 2px white;
      }

      .loadingBar{
        width:100vw;
        height:4vh;
        padding: 0;
        border: none!important;
      }
      .loadingBar>div{
        height:150%;
        background-color:white;
        border: none;
      }
      .loadingBar#lodapp4{ /*TOP BAR*/
        top:0vh;
        left:0vw;
      }

      .loadingBar#lodapp3{ /*RIGHT BAR*/
        transform:rotate(-90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*right:-25.5em;*/
        background-color: none;
        z-index: 1;
      }

      .loadingBar#lodapp2{ /*LEFT BAR*/
        transform:rotate(90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*left:-25.5em;*/
        background-color: none;
        z-index: 1;
      }
      .loadingBar#lodapp{/*BOTTOM BAR*/
        bottom:0vh;
        right:0vw;
      }

      .loadingBar#lodabout4{
        top:0vh;
        left:0vw;
        z-index: 2;
      }
      .loadingBar#lodabout3{ /*RIGHT BAR*/
        transform:rotate(-90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*right:-25.5em;*/
        background-color: none;
        z-index: 1;
      }
      .loadingBar#lodabout2{/*LEFT BAR*/
        transform:rotate(90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*left:-25.5em;*/
        background-color: none;
        z-index: 1;
      }
      .loadingBar#lodabout1{
        bottom:0vh;
        right:0vw;
        z-index: 2;
      }

      .loadingBar#lodback4{
        top:0vh;
        left:0vw;
        z-index: 2;
      }
      .loadingBar#lodback3{ /*RIGHT BAR*/
        transform:rotate(-90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*right:-25.5em;*/
        background-color: none;
        z-index: 1;
      }
      .loadingBar#lodback2{/*LEFT BAR*/
        transform:rotate(90deg) scaleY(1);
        width:100vh;
        height:8vw;
        top:50vh;
        /*left:-25.5em;*/
        background-color: none;
        z-index: 1;
      }
      .loadingBar#lodback1{
        bottom:0vh;
        right:0vw;
        z-index: 2;
      }

      div.navBar{
        right:5vw;
      /* bottom:12vh; with the share button on home page*/
        z-index: 2;
        display: none;
      }

      iframe{
        overflow: hidden;
        width:110vw;
        height:110vh;
        overflow:hidden;
        margin: auto;
        margin-top: -10vh;
        margin-left: -5vw;
      }


}