.wrap { 
   width: 1240px; 
   position: relative; }
   
.wrap.wide {
   width: 96%; }
   
header {
   margin: 0;
   height: 66px;
   width: 100%;
   z-index: 10000;
   left: 0px;
   position: fixed;
   top: 0;
   float: none;
   display: block; 
   background: rgba(13,37,71,.9); 
   // set animation
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; }
   
   body#home header { 
      height: 66px;
      background: rgba(13,37,71,.9); }
      
      body#home header.sticky { 
         height: 66px; } 
         
   header .wrap { width: 1400px; }

#logo {
   text-align: center;
   margin: 0 auto;
   position: relative;
   top: 16px;
   text-transform: uppercase;
   color: #ff904e;
   font-family: 'Merriweather', serif;
   font-size: 180%;
   z-index: 1000;
   float: left;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;}
   
   #logo .small { font-size: 60%; font-weight: 300; top: -4px; position: relative; letter-spacing: .5px; }
   #logo .large { font-weight: 700; position:relative; margin-right: 5px; }
   
   #logo:hover {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
      



body#interior.action #logo { 
   margin: 0 auto;
   float: none; }

body.trilogy-hub-form header { position: relative !important; }
body.trilogy-hub-form header #logo { float: none !important; }

/* Site Footer
------------------------------------ */
footer {
   padding: 3em 0 2em 0;
   font-size: 16px; 
   position: relative;
   z-index: 99;
   text-align: center;
   width: 100%;
   font-family: 'Roboto Slab', serif;
   font-weight: 300;
   font-size: 100%; }
   
footer .wrap {
   width: 60%;
   margin: 0 20%; }
   
footer nav#footer ul#menu {
   margin: 2em 0; }

footer nav#footer ul#menu li a { color: #0d2547; }
footer nav#footer ul#menu li a:hover { background-color: #0d2547; color: white; }  
footer nav#footer ul#menu li a:active { background-color: #30e3ea; color: white; }

footer h3 {
   font-family: 'Roboto Slab', serif;
   font-size: 100%;
   color: #4e4e4e;
   line-height: 1.5;
   font-weight: 300;}
   
footer a {
   color: #4e4e4e; }

footer a:hover {
   text-transform: underline; }