/* Splash
---------------------------------- */
#window {
   background: #fff;
   width: 580px;
   padding: 30px;
   -moz-border-radius:    6px;
   -webkit-border-radius: 6px;
   border-radius:         6px;
   -moz-box-shadow:    0 0 10px rgba(90,97,98,.25);
   -webkit-box-shadow: 0 0 10px rgba(90,97,98,.25);
   box-shadow:         0 0 10px rgba(90,97,98,.25); }
   
#close {
   background-color: #ff7100; 
   width: 40px;
   height: 40px;
   -moz-border-radius:    50%;
   -webkit-border-radius: 50%;
   border-radius:         50%;  
   -moz-box-shadow:    0 0 5px rgba(90,97,98,.2);
   -webkit-box-shadow: 0 0 5px rgba(90,97,98,.2);
   box-shadow:         0 0 5px rgba(90,97,98,.2);   
   display: block;   
   cursor: pointer;
   position: absolute;
   right: -10px;
   top: -10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition:    all .3s ease-in-out;
   -o-transition:      all .3s ease-in-out;
   -ms-transition:     all .3s ease-in-out;
   transition:         all .3s ease-in-out;
   font-family: "museo-sans-rounded", arial, 
   font-weight: 700;   
   font-size: 24px; 
   line-height: 40px;    
   color: #fff; }
#close:hover { 
   background-color: #31b161;
   -moz-box-shadow:    0 0 5px rgba(90,97,98,.3);
   -webkit-box-shadow: 0 0 5px rgba(90,97,98,.3);
   box-shadow:         0 0 5px rgba(90,97,98,.3); }
#close:active { 
   background-color: #0f80be;
   -moz-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
   -webkit-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
   box-shadow: inset 2px 1px 2px rgba(90,97,98,.35); }
   
#window p { margin: 10px 0 15px; font-size: 16px; }
#window h2 { 
   color: #0e4e91; 
   font-size: 175%;
   line-height: 1.2;}
   
@media only screen and (max-width: 720px) { 
   #window { width: 80%; padding: 5%; }
}