sup {

   font-size : 0.7em;

   position  : relative;

   top       : -0.35em;

}



@media only screen and (min-width:40em)

{

    #descriptionDots {

       position           : absolute; 

       left               : 70px; 

       top                : 408px;

    }

    

    #descriptionDots a {

       display            : inline-block;

       width              : 1em;

       height             : 1em; 

       border             : 1px solid darkgrey;

       border-radius      : 50%;

       margin-right       : 0.2em;

    }

    

    section#cranes {

      margin-top          : 0.5em;

    }

    

    #ddCraneLinks {

      margin-bottom       : 0.5em;

      width               : 99.75%;

      padding             : 0.3em 0em 0.3em 0em;

      margin              : 0% 0% 0% 0.25%;

      position            : relative;

      top                 : -2em;

    }

    

    #craneUrls {

       padding-bottom     : 0.2em;

       width              : 50px;

       position           : absolute;

       top                : 443px;

    }

    

    _:-o-prefocus, body:last-child .selector {

       border                : 1px solid #ccc;

       border-radius         : 0.5em;

    }

   

    #craneUrls ul li {

       display            : inline-block;

       padding-left       : 0.15em;

       padding-bottom     : 0.2em;

    }

    

    #theCraneImage {

       width              : 300px; 

       height             : 402px;

       margin-bottom      : 0.5em;

       padding-left       : 0.2em;

    }

    .timestamp {

       position           : absolute;

       bottom             : 0.5em; 

       height             : 1em; 

       border             : 0px dotted red;

       width              : 555px;

       

    }

    .theTime {

       position           : absolute;

       right              : 0.38em;

    }

    #cranesLogoHolder {

       position           : absolute; 

       width              : 41em;

       border             : 0px dotted orange;

       top                : 420px;

    }

    #cranesLogoHolder #craneLogo {

       position           : absolute;

       right              : 0.5em;

       bottom             : -58px;

    }

    #craneDescriptionHolder {

        padding           : 1em;

        height            : 325px;

        min-height        : 325px;

        max-height        : 325px;

        border-radius     : 1em;

        background-color  : #C79A83;

        background-image  : url("https://drive.google.com/thumbnail?id=1vQTLYLqk3LsXuqFdwNJ2p-XXY8ODkIct&sz=s3000");

        border            : 1px solid #8b6b5b;

        background-repeat : no-repeat;

        position          : absolute;

        left              : 50px;

        width             : 575px;

        top               : 433px;

        background-size   : 250px;

        margin-bottom     : 1em;

   }

   

   #craneDescription  { 

      max-height          : 298px;

      overflow            : hidden;

      position            : relative;

   }          

   

   #theQuote  {

      position            : absolute; 

      left                : 50px;

      width               : 575px;

      min-width           : 575px;

      max-width           : 575px;

      padding             : 1em;

      top                 : 433px;

      height              : 325px;

      min-height          : 325px;

      max-height          : 325px;

   }

   

   #craneQuote {

      padding             : 1em;

      border-radius       : 1em;

      max-height          : 245px;

      overflow            : hidden;

   }

   

   #craneQuote {

      background-color    : #DCE2E7;

      color               : #5d6e7e;

      border              : 1px solid #5d6e7e;

   }

   

   

   #theQuote {

      background-image    : url(../images/backgrounds/BambooForQuotesAndNews.png);

      background-repeat   : no-repeat;

   }

   

   

   #theQuote #theName {

      background-color    : #DCE2E7;

      position            : absolute; 

      bottom              : 1em;

      border-radius       : 0.5em;

      padding             : 0.5em;

      color               : #5d6e7e;

      left                : 4em;

   }

   

   #closeQuote {

      position            : absolute; 

      bottom              : 0.5em;

   }

   #blueBambooPlaceHolder {

      position            : absolute;

      left                : 337px;

      width               : 321px;

      height              : 350px; 

      border-radius       : 1em;

      background-image    : url(/images/1000Cranes/FinalResponsive/Svgs/BambooForQuotesAndNews.svg);

      background-repeat   : no-repeat;

      background-color    : #758A9E;

      background-size     : 250px;

   }

   

   .craneYouTubeDiv {

      position            : absolute; 

      bottom              : 30px;

   }

   

   #cranePercentage {

      font-size           : 1.5em; 

      font-weight         : bold; 

      color               : #DCE2E7;

      opacity             : 0.4;

      position            : absolute; 

      bottom              : 0.4em; 

      right               : 0.4em;

   }  

   

   #numberOfDaysSince {

      display             : none;

   }

   

   #numberOfDaysSinceBamboo {

      font-size           : 1.5em; 

      font-weight         : bold; 

      color               : #4E5D6B;

      position            : absolute; 

      bottom              : 0.4em; 

      left                : 0.55em;

   }

   

   #cranePercentageMobile {

      display             : none;

   }

   #imageAnchor {

      position            : absolute; 

      height              : 402px; 

      width               : 303px;

   }

   

   #favoriteHeart {

      position            : absolute; 

      top                 : 408px;

      left                : 5px;

   }

   #siteFavoriteHeart {

      position            : absolute; 

      top                 : 25.5em;

      left                : 1.8em;

   }

   

   #craneLink {

      position            : absolute; 

      left                : 0.85em;

      bottom              : 0.3em;

   }

   #craneKeywords {

      position            : absolute; 

      left                : 2.1em;

      bottom              : 0.3em;

   }

   #ultimateCraneHolder {

      width               : 303px;

   }

   

   ratings.regular {

      display             : block;

      position            : absolute; 

      bottom              : 40px; 

      left                : 20px; 

      border              : 0px dotted orange;

      width               : 275px;

      max-width           : 275px; 

      min-width           : 275px;

      font-size           : 0.9em;

   }

   

   ratings.mobile {

      display             : none; 

   

   }

   

   #donorBamboo {

      position            : absolute; 

      top                 : 1em; 

      left                : 1em;

      color               : #303B45;

      width               : 280px;

      overflow            : hidden;

   }

   

   #donorBamboo span.donorTitle {

      display             : block;

      font-size           : 1.2em;  

      opacity             : 0.7;

   }

   

   #donorBamboo span.donorName {

      font-size           : 1.5em;

      font-weight         : bold;

      opacity             : 0.7;

   }

   

   #donorMobile {

      display             : none;

   }

   

   game {

        padding           : 1em;

        height            : 328px;

        min-height        : 328px;

        max-height        : 328px;

        border-radius     : 1em;

        background-color  : #C79A83;

        background-image  : url(../images/backgrounds/BambooForCraneText.svg);

        border            : 1px solid #8b6b5b;

        background-repeat : no-repeat;

        position          : absolute;

        left              : 50px;

        width             : 578px;

        top               : 490px;

        background-size   : 250px;

   }

   

   #craneTravelIcon {

      position            : absolute;

      left                : 344px;

      top                 : 373px;

      width               : 2.2em;

      height              : 2.2em;

   }

   #imagesInfoAnchrs {

        bottom            : 1em;

        right             : 1em;

   }

   

   #totalAudio {

      position         : absolute;

      left             : 351px;

      top              : 4.2em;

      border           : 0px dotted red;

      overflow         : hidden;

      width            : 290px;

      white-space      : nowrap;

   }

   

   #pnlCraneAudio {

       position         : absolute; 

       top              : 0em; 

       left             : 0em;

       height           : 1em; 

       opacity          : 0.35;

       background-color : white;

       border           : 0px dotted orange;

       border-radius    : 0.5em;

    }



    #audioPlayerControls {

       height       : 1em;

       padding-top  : 0.3em;

    } 

}