/* Safari 6.1+ (10.0 is the latest version of Safari at this time) */
_::-webkit-full-page-media, _:future, :root article.action .text { 
   position: absolute; width: 60%; top: initial; left: initial; margin: 0 0 0 25%; transform: translate(0,0); 
}

_::-webkit-full-page-media, _:future, :root article.action.signup .text { 
   width: 70%; top: 10%; transform: translate(0,0); 
}

_::-webkit-full-page-media, _:future, :root article#email.action.signup .text { 
   top: 25%; 
}

_::-webkit-full-page-media, _:future, :root #share-your-story .text { 
   position: absolute; width: 60%; top: 0;  left: 40%; margin: 0; transform: translate(0,0); float: none; 
}
   

@media only screen and (max-width: 1440px){
   .wrap { width: 100%; margin: 0; }
   header .wrap { margin: 0 auto; width: 96%; }
      
   #body { width: 100%; margin: 0; }
   #content { margin-left: 2%; }
   
   #hero { height: auto;}
   .slide, .mask { height: 680px; }
   #hero .text { width: 96%; margin: 0 2%; bottom: 50px;}
   #hero h1 { font-size: 250%; }
   #hero a.button { font-size: 150%; }
   #hero .control { bottom: 100px; font-size: 40px; }
   #hero .control.next { right: 15%; }
   #hero .control.back { left: 13%; }

   #share-your-story figure { width: 30%; float: left; }
   #share-your-story figure img { max-width: 100%; }
   #share-your-story .text h1 { font-size: 200%; }

   #action-bar { padding: 2%; height: auto; }
   article.action a { width: 50%; padding: 3%; margin: 0 auto .5em 0; }
   article#info-pre.action a { width: 100%; }
   article#email.action.signup a, article.action.signup { width: 50%; padding: 0; margin: 0 auto; }
   article.action.signup .text { top: 65%; transform: translate(30%, -50%); }
   article#email.action.signup { height: 95px; }
   article#email.action.signup a { width: 100%; height: 95px; }
   article#email.action.signup .boxy { height: 95px; line-height: 95px; }
   article#email.action.signup .arrow-right { top: 38px; }

   footer { width: 92%; padding: 4%; font-size: 90%; }
   footer .wrap { width: 100%; margin: 0; }
   footer a#register { font-size: 120%; padding: 1em 0;  }
}

@media only screen and (max-width: 1240px){
   header .wrap { height: 120px; }
   #logo, #logo img  { height: 94px; }
   header #text { top: 30px; left: 140px; }
   header #text span.date { font-size: 100%; line-height: 70%; }
   header #text span.title { font-size: 200%; font-weight: 700; }
   header #text span.tagline { font-size: 100%; font-weight: 700; }
   a#register { height: 50px; font-size: 130%; line-height: 50px; }
   nav#main { top: 15px;}
   
   #share-your-story .text h1 { font-size: 180%; }
   #share-your-story .text { font-size: 90%; }
   #share-your-story .text .button { font-size: 120%; }

}

@media only screen and (max-width: 1080px){
   header .wrap { top: 10px; height: auto; }
   #logo, header #text, nav#main, a#register { float: none; top: initial; left: inherit; position: relative; }
   #logo { height: auto; }
   #logo img { height: 64px; top: initial; position: relative; }
   #logo, header #text { display: inline-block; }
   .wrapper-dropdown { float: none; display: inline-block; }
   a#register { }
   nav#main { margin: .5em 0 1em 0; height: 50px; }
   .lang { position: absolute; top: 25%; right: 0; }
   .wrapper-dropdown { float: left; }
   
   #content { width: 55%; }
   #options { width: 40%; }
   
   #hero { margin-top: -190px; }
   .slide, .mask { height: 600px; }
   #hero h1 { width: 70%; }
   #hero span.description { width: 70%; }
   #hero .text { bottom: 0; }
   #share-your-story .text { font-size: 80%; }
   #share-your-story .text h1 { font-size: 160%; }
   
   #action-bar { padding: 3%; height: auto; }
   article.action a { width: 50%; padding: 3%; margin: 0 auto .5em 0; }
   article#email.action.signup a, article.action.signup { width: 100%; padding: 0; margin: 0 auto .5em 0; }
   article.action h2 { font-size: 150%;}
   article.action p { font-size: 80%; margin: 0; }
   article.action .text { width: 60%; top: 50%; transform: translate(55%, -50%); }
   article.action.signup .text { top: 50%; transform: translate(25%, -50%); }
   article#email.action.signup { height: 55px; }
   article#email.action.signup a { width: 100%; height: 55px; }
   article#email.action.signup .boxy { height: 55px; line-height: 55px; }
   article#email.action.signup .arrow-right { top: 18px; }
   
}

@media only screen and (max-width: 800px){
   #content { width: 48%; }
   #options { width: 48%; }
   
   #tabs { margin-top: -60px; }
   .title.alt ul li a { font-size: 120%; height: 60px; line-height: 60px; }
   .title.alt li.ui-tabs-active a { font-size: 140%; height: 60px; line-height: 60px; }
   .tab-content .links, .tab-content .video, .tab-content .photos {  width: 100%; float: none; margin-right: 0; margin-bottom: 2em; }
   
   #streaming_feed .wrap { padding: 0; }
   #streaming_feed .wrap h1 { padding: 1.5rem; }
   #daily-content-tabs { border-top: 60px #012350 solid; }
   
   body#interior .video-panel li { width: 100%; margin: 0 0 1% 0; }
   article.profile { font-size: 80%; }
   article.profile span.text {position: relative; display: block; width: 65%; top: 0; left: 0; margin-right: 0; /*transform: translate(10%, 0%);*/}
   
   .profile-intro-text { font-size: 115%; line-height: 1.4; }

   #id h1 { font-size: 180%; }
   
   #share-your-story figure { width: 100%; float: none; margin: 0 auto; text-align: center; }
   #share-your-story figure img { max-width: 100%;  }
   #share-your-story .text h1 { font-size: 160%; }
   #share-your-story .text { position: relative; width: 100%; top: 0; left: 0; margin-right: 0; transform: none; text-align: center; font-size: 100%; }
   #share-your-story .text .button { font-size: 120%;  margin: 0 auto; display: block; }

   _::-webkit-full-page-media, _:future, :root #share-your-story .text { position: relative; width: 100%; top: 0; left: 0; margin-right: 0; transform: none; text-align: center; font-size: 100%;  }

}

@media only screen and (max-width: 640px){
   #logo, #logo img  { height: 50px; }
   #home header { background: #00457d; }
   header #text span.date { font-size: 70%; line-height: 70%; }
   header #text span.title { font-size: 150%; font-weight: 700; }
   header #text span.tagline, header #text span.ticker { font-size: 80%; font-weight: 700; }

   .profile-intro-text { font-size: 105%; line-height: 1.3; }

   #content.wide { width: 90%; }
   #content { float: none; width: 90%; margin: 0 5%; }
   #options { float: none; width: 100%; margin: 2rem 0 0 0; }
   body.share-your-story #content, body.updates #content { width: 90%; }
   body.share-your-story #options, body.updates #options { width: 100%; }
   
   #id h1 { font-size: 160%; }
   
   #hero { margin-top: 0; height: auto;}
   .mask { display: none; }
   .slide  { margin-top: 0; background-size: contain; -webkit-box-shadow: none;  box-shadow: none; height: 500px;}
   #hero .text { bottom: 0; width: 94%; margin: 0 3%; }
   #hero h1 { font-size: 200%; width: 100%; text-align: center; text-shadow: 0 0 0;}
   #hero span.description { font-size: 150%; width: 100%; margin: 0 auto; text-align: center; text-shadow: 0 0 0;}
   #hero a.button {  font-size: 140%; text-align: center; margin: .5em auto 1em; display: block; }

   #action-bar { padding: 3%; height: auto; }
   article.action a, article.action.signup { width: 100%; padding: 3%; margin: 0 auto .5em 0; }
   article#email.action.signup a, article.action.signup { width: 100%; padding: 0; margin: 0 auto .5em 0; }
   article.action h2 { font-size: 180%;}
   article.action p { font-size: 100%; margin: 0; }
   article.action .text { width: 70%; top: 55%; transform: translate(37%, -50%); }
   article.action.signup .text { top: 50%; transform: translate(30%, -50%); }
   
   .agenda-grid { display: block; }
   #can_embed_form.can_768 #can_sidebar { width: 100%; }
   #text-updates { padding: 1.5rem; }
   #text-updates h2 { line-height: 1.5; }
   
   .feed .control.social-next { bottom: -1em; top: initial; right: 20%; }
   .feed .control.social-back { bottom: -1em; top: initial; left: 20%; }
}

@media only screen and (max-width: 500px){
   #logo, #logo img  { height: 36px; }
   header #text span.date { font-size: 55%; line-height: 70%; }
   header #text span.title { font-size: 110%; font-weight: 700; }
   header #text span.tagline, header #text span.ticker { font-size: 70%; font-weight: 700; }
   .wrapper-dropdown { padding: 10px 15px 11px; font-size: 120%; width: 220px; }
   .wrapper-dropdown .icons { font-size: 34px; }

   a#register { height: 44px; font-size: 100%; line-height: 44px; padding: 0 0.5em; top: -1px; }
   .wrapper-dropdown .dropdown li a { font-size: 80%; }
   
   #id h1 { font-size: 140%; }
   
   h1 { font-size: 160%;  }
   h2 { font-size: 140%; }
   h3 { font-size: 120%;}
   h4 { font-size: 110%;}
   
   .slide  {  height: 400px;}
   #hero .text { width: 90%; margin: 0 5%; }
   #hero h1 { font-size: 160%; }
   #hero span.description { font-size: 120%; }
   #hero a.button {  font-size: 120%; margin: 1em auto;   }
   
   #action-bar { padding: 5%; height: auto; }
   article.action a,
   article#email.action.signup a, 
   article.action.signup { width: 100%; height: auto; max-height: none; padding: 4%; margin: 0 auto .5em; float: none; display: block;  }
   article#text.action.signup {height: auto; }
   article#email.action.signup {height: auto; }
   article.action:last-child { margin: 0; padding: 0; }
   article.action .icons { display: none; }
   article.action .text { position: relative; width: 100%; top: initial; left: 0; margin: 0; transform: none;}
   article.action h2 { font-size: 160%;}
   article.action p { font-size: 90%; margin: 0; }
   article#email.action.signup a { padding: 4%; background: none; margin: 0;}
   article#email.action.signup .text { top: initial;  width: 100%; transform: none; }
   article.action.signup .text h2 { margin-bottom: 0; }
   
   _::-webkit-full-page-media, _:future, :root article.action .text { position: relative; width: 100%; top: initial; left: 0; margin: 0; transform: none;}
   _::-webkit-full-page-media, _:future, :root article.action.signup .text { position: relative; width: 100%; top: initial; left: 0; margin: 0; transform: none; }
   _::-webkit-full-page-media, _:future, :root article#email.action.signup .text { top: initial;  width: 100%; transform: none; }


   #feed { padding: 2em 5%; }
   ul.folder-list li a span.title { font-size: 130%; }
   ul.folder-list li { border-bottom: 1px #1296da solid; }
   #feed .button {  padding: .5em 1em; font-size: 120%; }
}