.cranePageLogo {



    position : relative;

    height   : 5em;

    z-index  : -1000;

    right    : -1em;

    top      : -0.5em;

    float    : right;

}





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

{

   #craneHolder {

      position:relative;

      top: -1.5em;

   }



   body 

   {

      font-family         : "Arial";

      border              : 0px dotted #ddd;

      max-width           : 41em;

      min-width           : 41em;

      width               : 41em;

      min-height          : 800px;

      margin-left         : 2em;

   }

   

   #mobileIndicator {

      display             : none;

   }

   

   #homeStalk {

      padding-left        : 15em;

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

      background-repeat   : no-repeat;

      position            : relative;

      min-height          : 800px;

   }   

   

   .sponsorHomeStalk {

      background-repeat   : no-repeat;

   }

   

   #craneLogoHome {

      display: block;

      margin-left: auto;

      margin-right: auto;

      width: fit-content;

   }

   

   #craneLogoWhy {

      position            : absolute; 

      bottom              : 0px;

      right               : 1.5em;

      position            : absolute;

   }

   

   #craneLinkToSite {

      position            : absolute; 

      bottom              : -0.4em;

      left                : 260px;

      position            : absolute;

   }

   

   #waysToLink {

      position            : relative; 

      left                : 260px;

      width               : 375px;

      min-height          : 800px;

      max-height          : 800px;

      height              : 800px;

      border              : 0px dotted orange; 

   }

   

   

   #linkToSiteCrane {

      position            : absolute;

      bottom              : -0.1em;

      left                : 64px;

   }

     

   #why {

      min-height          : 800px;

      max-height          : 800px;

      height              : 800px;

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

      background-repeat   : no-repeat;

      position            : relative;

   }

   

   #linkToSite {

      min-height          : 800px;

      max-height          : 800px;

      height              : 800px;

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

      background-repeat   : no-repeat;

      position            : relative;

   }

   

    #whyQuote {

      width               : 300px;

      position            : absolute; 

      right               : 0px;

      top                 : 560px;

      width               : 260px;

      font-size           : 0.8em;

   }

   

   #fylingCraneWhy {

      position            : absolute; 

      right               : 1.5em;

      top                 : 100px;

   }

   #filter {

      position            : absolute;

      left                : 382px;

      top                 : 4.5em;

      width               : 260px;

   }

   #imageDots {

      position            : absolute;

      left                : 309px;

      width               : 20px;

      top                 : 0.8em;

      z-index             : 4000000;

      border              : 0px dotted orange;

    }

    

    #actionMessage {

       width              : 593px;

    }

    #cranesLogoHolder.logoBase {

        width    :  220px;

        height   :  52.05px;

        top      :  26.8em;

        position :  absolute;

        left     :  29.5em;

    }

   

    

    #theDream  {

       color              : #4E5D6B;

       margin-left        : 1em;

       text-align         : justify;

    }

    

    #homeStalk #theSponsors{

       margin-left        : 1em;

    }

    

    #craneSponsors img.logoBase{

       position           : relative;

       left               : 1em;

    }

    

    #sponsorsSadakoSasakiImage {

       width              : 400px;

    }

    

    #sponsorTable {

       width              : 100%;

    }

    

        #themes 

    {

       left              : 40.1em;

       top               : 0em;

    }

        

    

        

    .haiku {

       position  : absolute; 

       top       : 42em;

       left      : -17em;

       width     : 14.5em; 

       border    : 0px dotted orange;

       font-size : 0.8em;

    }

    

    #activities span#priorNext a#activityPrior {

      margin-right         : 1em;

   }

    

    #activities {

       width               : 41em;

       height              : 49.75em;

       overflow            : visible;

       border-right        : 0px dotted orange;

       border-bottom       : 0px dotted orange;

    }

    

    #activitiesHolder {

       position            : absolute; 

       width               : 25.5em;

       left                : 15.5em;

       top                 : 0em;

       height              : 650px;

       border              : 0px dotted blue;

       height              : 797px;

    }

    

    #activityHiroshimaKanji {

       position            : absolute; 

       left                : 0px; 

       top                 : 0em;

       width               : 15em;

       padding             : 0em 0.5em 0.5em 0em;

       border-bottom       : 0px dotted black; 

       border-right        : 0px dotted black;  

    }

    

    .activity {

      margin-bottom        : 0.5em;

      width                : 25.5em;

      

   }

   

   #craneLogoActivities img.logoBase  {

      display              : block;

      position             : absolute;

      left                 : -14.6em;

      top                  : 29em;

   }

   

   #activities {

      position             : relative;

   }

   

   #activities  div.activityDate {

        font-size          : 1.2em; 

        font-weight        : bold; 

        padding-bottom     : 0.15em;

        border-bottom      : 1px dotted #5d6e7e;

        margin-bottom      : 0.15em;

    }

    

    #activities div.activityNameArea {

        background-color   :  #5d6e7e;

        color              : white; 

        font-weight        : normal;

        margin-bottom      : 0.15em;

        line-height        : 1.2em;

        height             : 5.6em;

        padding            : 0em 0.2em 0em 0.2em;

        border             : 1px solid #5d6e7e;

        width              : 25.1em;

        border             : 0px dotted green;

        position           : relative;

    }

    

    #activities div.activityNameArea div.activityName{

        color              : white;

        font-size          : 1.2em; 

        padding-top        : 0.4em;

        margin-bottom      : 0.15em;

        font-weight        : bold;

        white-space        : nowrap;

    } 

    

    

    #activities div.activityNameArea img.activityNameFlower {

       position            : absolute; 

       right               : 0.4em; 

       height              : 3em;

       top                 : 0.75em;

       opacity             : 0.35;

    }

    

    #activities div.activitySponsor {

        width              : 100%;

        font-size          : 0.8em;

        margin-top         : 0.15em;

        border-bottom      : 1px dotted #5d6e7e;

    }

    

    #activities div.activityDescriptionHolder {

       width               : 100%;  

       background-color    : #DCE2E7;

       border-top          : 1px dotted #8b6b5b;

       border-bottom       : 1px dotted #8b6b5b;

       margin-top          : 2.2em;

       margin-bottom       : 1.5sem;

    }

    

    #activities div.activityDescription {

        color              : #46525E;

        text-align         : justify;

        border             : 0px solid #8b6b5b;

        background-color   : #e3cdc1;

        padding            : 2%;

        font-size          : 0.9em;

        padding-top        : 1em; 

        padding-bottom     : 1em;

        position           : relative;

    }

    

    #activities div.activityDescription span.title {

       position            : absolute; 

       font-size           : 1em;

       font-weight         : bold; 

       top                 : -1.35em;

       left                : 3.4em;

       color               : #8B6B5B;

    }

    

    #activities div.activityDescription img.topLeft {

       height              : 3em; 

       position            : absolute;

       top                 : -2.3em;

       left                : 0em;

    }

    

    #activities div.activityDescription img.bottomRight

    {

       height              : 3em; 

       position            : absolute;

       bottom              : -1.75em;

       right               : 0em;

    }

    

    #activities div.activityCommentsHolder {

       background-color    : #DCE2E7;

       border-top          : 1px dotted #5d6e7e;

       border-bottom       : 1px dotted #5d6e7e;

       margin-top          : 1.5em;

       margin-bottom       : 1.2em;

       position            : relative;

    }

    

    #activities div.activityComments {

        color              : <print $colorIconBorder; %>

        text-align         : justify;

        border             : 0px solid #8b6b5b;

        background-color   : #DCE2E7;

        padding            : 2%;

        font-size          : 0.9em;

        text-align         : justify;

        padding-top        : 1.1em; 

        padding-bottom     : 1em;

        position           : relative;

    }

    

    #activities div.activityCommentsHolder span.title {

       font-size           : 1em;

       left                : 3.4em;

       color               : #5d6e7e;

       font-weight         : bold;

       top                 : -1.35em;

       position            : absolute;

    }

    

    #activities div.activityComments img.topLeft {

       height              : 3em; 

       position            : absolute;

       top                 : -2em;

       left                : 0em;

    }

    

    .whereItWillHappen {

       font-size           : 0.8em;

       font-weight         : normal;

    }

    

    

    #activities activity.activity div.activityVenueName {

       height              : 5.2em; 

       line-height         : 1.2em;

       color               : white;

       white-space         : nowrap;

       background-color    : #5d6e7e;

       padding             : 0.4em 0.2em 0em 0.2em;

       margin-top          : 0.5em;

       position            : relative;

    }

    

     #activities div.activityVenueName img.bottomRight

    {

       height              : 3em; 

       position            : absolute;

       top                 : 1.4em;

       right               : 0.2em;

       opacity             : 0.35;

    }

    

    #activities activity.activity div.activityVenueName a.activityVenueNameRoman {

       font-weight         : bold;

    }

     

    #activities activity.activity div.activityVenueName a {

       color               : white;

       display             : inline-block;

    }

    

    #activities iframe {

       margin-top           : 0em;

       width                : 100%;

       border-bottom        : 1px dotted #5d6e7e;

    }

        .unesco {

       font-size           : 1em; 

       border              : 0px dotted orange;

       color               : #5d6e7e;

       position            : relative;

       margin-top          : 0.15em; 

       padding-bottom      : 0.15em;

       border-bottom       : 1px dotted #5d6e7e;

       text-align          : center;

    }

    

    #activities  div.unesco {

    }

    

    #activities  div.unesco span.unescoline {

    }

    

    #activities span#priorNext {

       position           : absolute; 

       top                : -0.4em; 

       right              : 0em;

       font-size          : 2.3em;

       font-weight        : bold;

    }

    #activities span#priorNext a {

       border             : 0px solid white;

    }

    

    .activityImageArea {

       width              : 100%; 

       overflow           : hidden;

    }

    .activityImageArea img.activityImage{

       width              : 100%; 

    }

    .activity div.activityDescriptionHolder  div  pcrane  quote byline 

    {

        position : absolute;

        bottom   : -1.6em;

        right    : 1.7em;

    }

    

    .activity div.activityDescriptionHolder  div  pcrane  quote {

        margin-bottom : 2em;

    }

    

    

    #craneLogoSettings {

       position           : absolute; 

       bottom             : 5em;

       left               : 15em;

    }

    

    #settings div#homeStalk ul#settingsList 

    {

       width              : 400px;

       padding-top        : 1.4em;

    }

    

    #pnlCranesPerDay {

    }

    

    a img.whenYouFold {

       display            : inline ;

       width              : 20em; 

       position           : relative;

       top                : -10em;

       left               : -1.75em;

       border-bottom      : 0px dotted orange;

    }

    quote.whenYouFold {

       display            : none;

    }

}





.error {

   color: firebrick; 

}