body {
    font-family:'Adelle Light', Georgia, serif;
    font-size: 100%;
    font-weight:200; 
    font-style:normal; 
    line-height: 1.4;
    font-size-adjust:0.516;
    -webkit-font-smoothing: antialiased;
}
h1,h2,dt{
    font-family:'Ronnia Heavy', sans-serif;  
    font-weight:900; 
    font-style:normal;
    font-size-adjust:0.54;
}
b,strong{
    font-family:'Adelle Bold', Georgia, serif;
    font-weight:bold; 
    font-style:normal;
    font-size-adjust:0.523; 
}
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
#socialbar{
    display:block; 
    position: relative;
    background: url('../img/nav_bg.png') 0 0 repeat-x;
    height: 51px;
    width: 100%;
    text-align: center;
}
ul#social-media{
    display: block;
    width: 231px;
    list-style: none;
    
     margin:0 auto;
}
ul#social-media li {
    display:block;
    float: left;
    height: 51px;
    width: 30px;    
}
ul#social-media li a{
    display:block;
    float: left;
    height: 51px;
    width: 30px;
    opacity: 0.5;
    transition: all 0.3s ease;
}
ul#social-media li a:hover{
    opacity: 1;
}



#page{
    width: 100%;
    margin-top: 50px;
    min-width: 320px;  
    
    display:block;
    color:white;
    overflow-x:hidden;
    overflow-y:hidden;
    /*background-color: red;*/

}
.wrapper{
    display: block;
    width: 96%;
    max-width: 830px;
    height: 100%;
    /*background-color: green;*/
    margin: 0 auto;
}
.left-column{
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    /*background-color: pink;*/
}
.right-column{
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    /*background-color: purple;*/
}
/* -----------------------------------------
   NAVIGATION
----------------------------------------- */
#header{
    background: url('../img/nav_bg.png') 0 0 repeat-x;
    height: 51px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0px;
    color:#c0c1c3;
    
    box-shadow:#000 0px 0px 4px; 
    -webkit-box-shadow:#000 0px 0px 4px;  
    text-shadow: 0px 1px 1px #000;       
}
#header h1{
    font-family:"Adelle Light", Georgia, serif;
    opacity: 0.5;
    font-weight:200; 
    font-style:normal;     
    float:left;
    letter-spacing: 0em;
    margin:0;
    margin-top: 17px;
    margin-left: 12px;
    font-size: 0.9em;
  
    color: #fff;
}
#menu-btn{
    float:right;
    z-index: 999999;
    margin-top: 8px;
    margin-right: 0px;  
    width: 51px;
    height: 51px;
    /*background-color: red;*/
    cursor: pointer;
    -webkit-user-select:none;  
}
nav#navigation{
    position: absolute;
    z-index: 9990;
    top: 51px;
    left: 0px;    
    display: block;
    background-color: #17191f;
    display: none;
    width: 100%;
    opacity: 0;
    padding-top:10px;
    padding-bottom:10px;

    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease;       
}
.close {
    height: 0;
}
nav#navigation a.nav-link.no-border{
     border-bottom:0 !important;
}
.open {
    opacity: 1 !important;
    display: block;    
    height: auto !important;
    display: block !important;
}

nav#navigation a.nav-link{
    text-decoration: none;
    color: white;
    display: block;
    height: 30px;
    width: 80%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 auto;
    border-bottom:1px solid #3b3e48;
    padding-top: 10px;
    padding-left:20px;
}
nav#navigation a.nav-link:hover{
    background-color: #000;
}
/* -----------------------------------------
   HOME
----------------------------------------- */
#home{
    background: url(../img/home_bg.jpg) 50% 0px no-repeat;
    height: 650px; 
    width: 100%;
}
    #meet { 
        text-align:center; 
        width: 250px; 
        height: 26px; 
        color: white; 
        background-color: #ff4c7d; 
        font-size: 1.125em;
        margin: 0 auto;  
        margin-top: 20%;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    #home h1{
        margin:5% auto;
        font-size: 4.7em;
        line-height: 0.8em;
        letter-spacing: -0.05em;
        color: black;
        text-align: center;
    }
    #home p{
        margin:0 auto;
        font-size: 1.5em;
        line-height:1.2em;
        color: black;
        text-align: center;
    }
/*    #twitterBox {
        background:#fff; 
        width: 90%; 
        height: 170px; 
        color: #666; 
        text-align: left; 
        margin: 20px auto; 
        border-radius: 4px;
        box-shadow:#999 0px 0px 7px; 
        -webkit-box-shadow:#999 0px 0px 7px;
    }*/
    #home img{
        margin:0 auto;
        margin-top: 18.4%;
        max-width: 100%;
        display: block;
    }

/*    #ticker ul.tweet_list {
        list-style: none;
        height: 150px;
        width: 90%;
        overflow-y:hidden;
        margin:0 auto;
        padding: 0;
       
        font-size: 0.875en;
    }
    #ticker .tweet_list li {
        margin-top:20px;
        height: 150px;
        font-size: 0.9em;
        color: #777 !important;
        line-height: 1.5em; 
        text-align: left;
        font-weight: normal;
        color:#555;
    } 
    #ticker .tweet_list li a{
        color:#099;
        
    }
    .tweet_list .tweet_avatar {
        padding-right: .5em;
        float: left;
        height: 150px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    .tweet_list .tweet_avatar img {
        vertical-align: middle;
    }       
    #ticker ul.tweet_list li span.tweet_time a:link{
        color:#999;
        font-family: sans-serif;
        font-size: 0.75em;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
    } */ 

/**************** TWITTER *****************/
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}

 
#twitter-feed {
    margin:auto;
    width: 90%;
    margin-top:20px;
    margin-bottom: 30px;
    padding:15px;
    border-radius:7px;
    background-color:#FFF;
    color:#777;
    min-height:96px;
    overflow:auto;
    text-align: left;
    /*height: 180px;*/
    overflow:hidden;
    box-shadow: 1px 1px 10px 5px rgba(221,221,221,0.6);
    -webkit-box-shadow: 1px 1px 10px 5px rgba(221,221,221,0.6);
    -moz-box-shadow: 1px 1px 10px 5px rgba(221,221,221,0.6);

}
.twitter-article{
    text-align: left;
}
#twitter-feed h1 {
    font-family: "Adelle Light", Georgia, serif;
    color: #5F5F5F;
    margin: 0px;
    text-align: left;
    padding: 9px 0px 19px 0px;
    font-size: 20px !important;
    line-height: 19px;
    margin-top: 10px !important;
}
#twitter-header {
    background-color:#FFF;
    position:relative;
    z-index:2;
    border-bottom:1px dotted #CCC;
}
#twitter-header img{
    margin-top: 0px !important;
}
.twitter-article, #loading-container {
    width:100%;
    float:left; 
    /*padding:20px 0px 0px 0px;*/
    position:relative;
} 
.twitter-pic {
    position:absolute;
}
 
.twitter-pic img {
    float:left;
    border-radius:7px;  
    border:none;
     
}
 
/* -------- TEXT STYLING ------*/
.twitter-text {
    width:100%;
    float:left;
    font-size: 0.9em;
    line-height: 1.5;
    padding-left:52px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter-text p {
    margin:0px;
    line-height:15px;   
}
.twitter-text a,  h1 a {
    color: #00acee;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #00acee;
}
 
.tweet-time {
    font-size:10px;
    color:#878787;
    float:right;
}
.tweet-time a, .tweet-time a:hover {
    color:#878787;
}
 
.tweetprofilelink a {
    color:#444;
}
.tweetprofilelink a:hover {
    color:#444;
}
 
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
    display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(../img/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
 
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 
 
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:14px;
    height:10px;
    background-image:url(../img/tweet-actions.png);
    background-position:-5px -54px;
    margin-top:3px;
    float:left;
}
/******************************************/


/* -----------------------------------------
   REPRESENTATIVE
----------------------------------------- */
#representative{
    background:#383348 url(../img/representative_bg.png) 50% 0 no-repeat;
    height: 550px; 
    width: 100%
}
    #representative h1{
        margin: 0;
        margin-top: 26%;
        font-size: 3em;
        line-height: 0.9em;
    }
    #representative h2{
        margin:0;
        font-size: 1.5em;
        color: #ff4c7d;
        text-transform: uppercase;
    }    
    #representative p{
        line-height: 1.5em;
    }
    #representative img{
        margin-top: 13.4%;
        max-width: 96%;
    }
/* -----------------------------------------
   QUOTATION
----------------------------------------- */
#quotation{ 
    background-color: #bf763a;
    height: 380px; 
    width: 100%;  
}
    #quotation blockquote{
        display: block;
        margin:0;
        padding: 0;  
    }
    #quotation blockquote p{      
        margin:0;
        padding: 0;
        padding-top:10%;
        font-size: 2.2em;
        line-height: 1.5em;
        width: 90%;
        text-align: center;
        color: white;
    }
    #quotation blockquote small{
        display: block;
        margin: 5% auto;
        text-transform: uppercase;
        color: #5d1e00;
        text-align: center;
        font-size: 1.0em;
        letter-spacing: 0.2em;
    }
/* -----------------------------------------
   JOURNEY
----------------------------------------- */ 
#journey{ 
    background:#080918 url('../img/journey_bg.jpg') no-repeat 50% 100%;
    height: 740px; 
    width: 100%
}
    #journey .left-column{
        width: 60%;
    }
    #journey .right-column{
        width: 40%;
    }    
    #journey h1{ 
        font-size: 4em;
        line-height: 0.9em;
        margin:0;
        margin-top: 20%;
    }
    #journey img{
        margin-top: 13.4%;
        max-width: 96%;
    }
/* -----------------------------------------
   MEET SLIDE
----------------------------------------- */     
#meetSlide{ 
    background: #e5e4e4 url(../img/meetSlide_bg.jpg) no-repeat 50% -40px;
    height: 900px; 
    width: 100%
}
    #meetSlide h2{
        color: red;
        text-transform: uppercase;
        font-size: 1.125em;
        margin: 0 auto;
        text-align: center;
    }
    #meetSlide  blockquote{
        font-size: 2.3em;
        margin-top: 0;
        margin-bottom: 0;
        letter-spacing: -2px;
        line-height: 1.4em;
        color:#111;
        text-align: center;
    }
    #meetSlide p{
        color:#444;
        line-height: 1.6em;
        color:#444;
        margin:0;
        padding:0;
        text-align: center;
    }    
    #meetSlide img{
        display:block;
        margin: 0 auto;
        padding:10%;
    }
/* -----------------------------------------
   GALLERY
----------------------------------------- */     
#gallery{
    position: relative;
    background: #e5e4e4;
    width: 100%;
    background: url('../img/gallery_bg.jpg') no-repeat 50% 0px;
    height: 700px;   
}  
    #gallery h1{
        font-size: 5em;
        line-height: 0;
        color: #fff;
        position: absolute;
        top:60px;
        left: 50%;
        width: 350px;
        margin-left:-175px;
    }
    #galleria{ 
        position: absolute;
        left:50%;
        top:50%;
        margin-top:-200px; 
        margin-left: -350px;  
        width: 700px; 
        height: 400px; 
        background: #fff; border:10px solid #fff; 
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
    }   
/* -----------------------------------------
   MFI
----------------------------------------- */        
#mfi{
    background:#fff  url('../img/mfi_bg.jpg') no-repeat 50% 0px;
    width: 100%;
    height: 800px;
}
    #mfi .left-column{
        width: 60%;
    }
    #mfi .right-column{
        width: 40%;
    }    
    #mfi h1{   
        font-size: 38px;
        line-height: 38px;
        color: black;
        margin:0;
        padding:0;

    }
    #mfi h2{  
        color:#ff4c7d;
        font-size: 1em;    
        margin: 0;
        padding:0;
         margin-top:18%;
        text-transform: uppercase;
    } 
    #mfi p{ 
        font-size: 0.9em;
        line-height: 1.3em;
        color: #222;
    }   
    #mfi img{ 
        margin-top: 13.4%;
        max-width: 100%;        
    }
/* -----------------------------------------
   ARTILCES
----------------------------------------- */         
#articles{ background:#e5e5e5 url(../img/article_bg.png);height: 700px; width: 100%;color:#444;}
    #articles h1{

        color:#1f222a;
        font-size: 4.5em;
        line-height: 1;
        width: 400px;
        text-align: center;
        margin:0px auto;
        padding:0;
        padding-top:10%;

        text-shadow: 0px 1px 1px #fff;  
    }
    #articles .wrapper{
        width: 702px;
        height: 400px;
        padding:0;
        margin:0 auto;
    }
    #articles #featured{
        width:700px;
        height:400px;
        margin: 0 auto;
        padding: 0;
    }
    #articles p.timestamp{
        font-size: 0.875;
        color: #999;
        margin: 0;
        padding-top: 0;
        text-align: left;
    }
    #articles a.readmore{
        background: -moz-linear-gradient(#373a41, #1e2129); /* FF 3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #1e2129)); /* Safari 4+, Chrome 2+ */
        background: -webkit-linear-gradient(#373a41, #1e2129); /* Safari 5.1+, Chrome 10+ */
        background: -o-linear-gradient(#373a41, #1e2129); /* Opera 11.10 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373a41', endColorstr='#1e2129'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#373a41', endColorstr='#1e2129')"; /* IE8+ */        
        background: linear-gradient(#373a41, #1e2129);;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 2px;
        text-align: center;
        width: 145px;
        height: 20px;
        display: block;
        padding:7px;
        color: white;
    }
    #articles div.article{

        width:600px;
        height: 290px;
        background:#fff !important;
        border-radius:3px;
        /*box-shadow:#999 0px 0px 7px;*/
        padding:50px;
        display: block;
        /*margin:1px;*/
        border:1px solid #ccc;
        /*min-height: 350px;*/
    }
    #articles h2{
        color:#1f222a;
        font-size: 1.75em;

        margin: 0;
        padding: 0;
        text-shadow: 0px 1px 1px #fff;  
    }
    #articles div.article p{
        line-height: 1.625em;
    }
    #articles div.name {
        color:#FF4C7D;
        font-size: 1.5em;
        width: 600px;
        text-align: center;
        margin:0px auto;
        padding:0;        
        margin-bottom:30px;
    }

    ul#articleSlider{
        color:#444;       
    } 
/* -----------------------------------------
   STATS
----------------------------------------- */ 
#recognitions-books{
    background:url('../img/pattern.jpg');
    width: 100%;
    height: 820px;
}

    #recognitions-books p{
        font-size: 1.1em;
        line-height: 1.7em;
        width: 95%;
        margin-top:12%;
    }
    #recognitions-books #medIcon{
        margin: 0 auto;
        background: url('../img/med.png') no-repeat 50% 50px;
        width: 90%;
        height: 130px;
        border-top: 1px dashed #ccc;
    }
    #recognitions-books .leftCol{
        position: absolute;
        top:0;
        left:0;
        height: 100%;
        width: 50%;
        z-index: 500;
    }        


    #recognitions-books dl.recognitions,dl.books{
       
        margin:0;
        padding:0;

    }
    dl.recognitions dt{
        font-size: 2.5em;
        line-height: 1;
        letter-spacing: -1px;
        color: white;
        text-transform: uppercase;
    }
    dl.recognitions dd{
        margin:0;
        padding:0;
        padding-left:74px;
        font-size:1.2em;
        color:#82ddff;
        padding-right:3%;
        margin-bottom: 60px;
    }
    #recognitions-books .badge{
        float:left;
        width: 74px;
        height: 73px;
        background: url('../img/badge.png') no-repeat;
    }


    dl.books dt{
        font-size: 1.5em;
    
        
        color: white;
        text-transform: uppercase;
    }
    dl.books dd{
        margin:0;
        padding:0;        
        font-size: 1.1em;
        padding-left:74px;
        color:#82ddff;
       margin-bottom: 45px;
    }
    #recognitions-books .book{
        float:left;
        width: 67px;
        height: 72px;        
        background: url('../img/book.png') no-repeat;
        font-size:20px;
        padding-left:10px;
        padding-top:30px;
        text-shadow: 1px 1px 1px #000; 
        margin-right: 10px;

    }

/* -----------------------------------------
   CONTACT
----------------------------------------- */ 
#contact{
    display:block; 
    position: relative;
    background: url(../img/footer_bg.png);
    height: 750px; 
    width: 100%
}
 
     #contact h2{
        font-size: 1.375em;
        color:#398980;
        text-transform: uppercase;
        margin: 0 auto;
        width: 280px;
        padding: 0;
        line-height: 22px;
     }
    #contact h1{
        text-align: center;
        margin:0;
        font-size: 4.0em;
        line-height: 1.4em;
        text-transform: uppercase;
        color: #444;
        letter-spacing: -0.2px;
        margin:0;
    }
    #contact p{
        text-align: center;
        margin: 0;
        font-size: 1.125em;
        color:#555555;
    }
    #contact footer{
        margin-top: 20px;
        color: #666;
        text-align: center;
        font-size: 0.8em;
        text-transform: uppercase;
    }
     #contact footer a{
        color: #666;
        font-size: 0.8em;
     }

    #contact img{ 
        display: block;

        margin: 0 auto;
        padding: 7%;
        max-width: 100%;        
    }






    /* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
div.orbit-wrapper { width: 698px !important; height: 410px !important; position: relative; margin: 0 auto;}

div.orbit { width: 698px; height: 400px; position: relative; overflow: hidden; margin-bottom: 17px; }

div.orbit.with-bullets { margin-bottom: 40px; }

div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }

div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }

div.orbit div.orbit-slide { width: 100%; height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }

div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../img/orbit/rotator-black.png') no-repeat; z-index: 3; }

div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }

div.orbit-wrapper span.rotator.move { left: 0; }

div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('../img/orbit/timer-black.png') repeat 0 0; }

div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../img/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }

div.orbit-wrapper span.pause.active { background: url('../img/orbit/pause-black.png') no-repeat 0 -40px; }

div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }

/* Captions ----------  ------------ */
.orbit-caption { display: none;  }

.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }

/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav { display: block; }

div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }

div.orbit-wrapper div.slider-nav span.right { background: url('../img/orbit/right-arrow.png'); background-size: 100%; right: 0; }

div.orbit-wrapper div.slider-nav span.left { background: url('../img/orbit/left-arrow.png'); background-size: 100%; left: 0; }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('../img/orbit/right-arrow-small.png'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('../img/orbit/left-arrow-small.png'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }

ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('../img/orbit/bullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }

ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }

ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }

/* Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }

ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('../img/orbit/bullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }

ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }

/* Correct timer in IE */
.lt-ie9 .timer { display: none !important; }

.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }


/* -----------------------------------------
  optimized for 480 or < 640
----------------------------------------- */ 
@media only screen and (max-width: 640px) {
/* Shared ---------------------- */    
    .wrapper{
        max-width: 400px;
         
    }
    .left-column{
        float: none;
        width: auto;
        height: 50%;
    }
    .right-column{
        float: none;
        width: auto;
         height: 50%;
    }
/* Home ---------------------- */       
    #home{
        height: 900px;
        /*home_bg_mobile.jpg*/
       background: url(../img/home_bg.jpg) 50% 100% no-repeat;
    }
        #home h1{
            margin:10px auto;
            font-size: 5em;
            line-height: 0.8em;
            letter-spacing: -0.05em;
        }
        #home p{
            margin:0;
            padding:0;
        }
        #meet { 
            font-size: 1.125em;
            margin-top: 5%;
        }  
        #twitterBox {
            height: 150px; 
            margin: 10px auto; 
        }        
        #home .right-column img{
            max-width: 90%;
            margin-top:0;
        }      
/* Representative ---------------- */             
    #representative{
        height: 870px;
    }  
        #representative .left-column{
            height: 50%;
        } 
        #representative .right-column{
            height: 50%;
        }              
        #representative h1{
            margin-top: 7%;
            margin-bottom: 2%;
            font-size: 3em;
            line-height: 0.9em;
        }        
        #representative h2{

            font-size: 1.3em;
        } 
        #representative img{
            margin-top: 7%;
            max-width: 90%;
        }      
/* Quotation ---------------- */    
    #quotation{ 
        height: 340px;
    }
        #quotation blockquote{
            
        }
        #quotation blockquote p{      
            margin:0;
            padding: 0;
            padding-top:12%;
            font-size: 1.7em;
            line-height: 1.2em;
            padding-left: 5%;
            text-align: left;
        }
        #quotation blockquote small{
            text-align: left;
            margin: 5% auto;
            font-size: 0.8em;
            padding-left: 5%;
            letter-spacing: 0em;
        }  
/* Journey ---------------- */          
#journey{ 
    height: 1100px; 
}
    #journey .left-column{
        height: 60%;
        width: auto;
    }
    #journey .right-column{
        height: 40%;
        width: auto;
    }    
    #journey h1{ 
        font-size: 4.5em;
        line-height: 0.9em;
        margin:0;
        margin-top: 10%;
    }
    #journey img{
        display: block;
        margin-top: 0;
        max-width: 75%;
        margin:0 auto;
    }
/* meetSlide ---------------- */ 
#meetSlide{
    height: 900px;
}       
    #meetSlide h2{
        width: 75%;
        font-size: 1.4em;
    }
    #meetSlide  blockquote{

        font-size: 2.5em;
        width:98%;
        margin:0;
        padding:0;
         margin-top: 5%;
        line-height: 1.0em;
    }
    #meetSlide p{
        margin-top: 4%;
    }    
    #meetSlide img{
        max-width: 90%;
        display:block;
        margin: 0 auto;
        padding:10%;
    }    
/* Gallery ---------------- */ 
#gallery{
    width: auto;
    height: 600px;   
}  
    #gallery h1{
        margin: 0;
        padding: 0;
       font-size: 5em;
       line-height: 1;
       position: absolute;
       width: 370px;
       top:30px;
       left: 50%;
       margin-left: -160px;
       height: auto;        
    }
    #galleria{ 
        position: absolute;
        left:50%;
        top:25px;
        margin-top: 70px;  
        margin-left: -210px;  
        width: 400px; 
        height: 400px; 
    }  
/* MFI ---------------- */   
#mfi{

    width: 100%;
    height: 1050px;
}
    #mfi .left-column{
        width: auto;
        height:65%;
    }
    #mfi .right-column{
        width: auto;
        height:35%;
    }    
    #mfi h1{   
        font-size: 2.6em;
    }
    #mfi h2{  
        font-size: 1.18em;    
        margin: 0;
        padding:0;
        margin-top:6%;
    } 
    #mfi p{ 
        font-size: 0.9em;
        line-height: 1.3em;
        color: #222;
    }   
    #mfi img{ 
        margin-top:0;
        max-width: 100%;        
    }        
/* Articles ---------------- */       
#articles{ height: 700px; position: relative;}
    #articles h1{
        font-size: 3em;
        line-height: 1;
        width:220px;
        text-align: center;
        margin:0px auto;
        padding:0;
        padding-top:10%;

    }
    #articles .wrapper{
        width: 400px;
        height: 500px;
    }
    #articles #featured{
        width:400px;
        height:500px;
    }
    #articles p.timestamp{
        font-size: 0.8em;
        margin-bottom: 3%;
    }
    #articles div.article{
        width:300px;
        height: 390px;
        padding:50px;
        margin:0 auto;
    }
    #articles h2{
        font-size: 2em;
        line-height: 1.1em;
    }
    #articles div.article p{
        font-size: 0.95em;
        line-height: 1.4em;
    }
    #articles div.name {
        font-size: 1.2em;
        width: 240px;    
        margin-bottom:10px;
    }
div.orbit-wrapper { width: 400px !important; height: 510px !important; }
div.orbit { width: 400px; height: 500px; } 

/* Stats ---------------- */   
#recognitions-books{

    height: 1600px;
}
#recognitions-books .left-column{
    height: 42%;
}
#recognitions-books .right-column{
    height: 58%;
}  
    dl.recognitions dt{
        font-size: 3.0em;
        line-height: 1;
        letter-spacing: -1px;

    }
    dl.recognitions dd{

        padding-left:74px;
        font-size:1.2em;
        margin-bottom: 20px;
    }

    dl.books dt{
        font-size: 2.1em;
        line-height: 1;
    }
    dl.books dd{      
        font-size: 1.4em;
        padding-left:60px;
        margin-bottom: 45px;
    }
/* Contact ---------------- */ 
#contact{
    position: relative;
    height: 830px; 
}
 
     #contact h2{
        font-size: 1.2em;
        color:#398980;
        text-transform: uppercase;
        margin: 0 auto;
        width: 220px;
        padding: 0;
        line-height: 22px;
     }
    #contact h1{
        text-align: center;
        margin-bottom:5%;
        font-size: 4.5em;
        line-height: 0.9em;
        letter-spacing: -1px;
    }
    #contact p{
        padding:2%;
        text-align: center;
        font-size: 1em;
    }
    #contact footer{
        margin-top: 20px;
        color: #666;
        text-align: left;
        font-size: 0.7em;
        text-transform: uppercase;

    }
     #contact footer a{
        color: #666;
        font-size: 0.8em;

     }
    #contact b{
        display:block ;
    }
    #contact img{ 
        margin: 0 auto;
        padding: 7%;
        max-width: 90%;        
    }    


}
/* -----------------------------------------
   360
----------------------------------------- */
@media only screen and (max-width: 380px) {
/* Shared ---------------------- */       
    .wrapper{
        max-width: 320px; 
    }
    .left-column{
        float: none;
        width: auto;
        height: 51%;
    }
    .right-column{
        float: none;
        width: auto;
        height: 50%;
    }

/* Home ---------------------- */   
    #home{
        height: 800px;
        background: url(../img/home_bg.jpg) 50% 100% no-repeat;
    }
        #home .left-column{
            height: 48%;
        }
        #home .right-column{
            height: 52%;
        }        
        #home h1{
            margin:10px auto;
            font-size: 3.9em;
            line-height: 0.8em;
            letter-spacing: -0.05em;
        }
        #home p{
            font-size: 1.2em;
            margin:0;
            padding:0;
        }   
/* Representative ---------------- */             
    #representative{
        height: 800px;
    }  
        #representative .left-column{
            height: 40%;
        } 
        #representative .right-column{
            height: 60%;
        }    
        #representative h1{
            margin-top: 7%;
            margin-bottom: 2%;
            font-size: 2.4em;
            line-height: 0.9em;
        }           
/* Quotation ---------------- */            
    #quotation{ 
        height: 360px;
    }                   
/* Journey ---------------- */          
#journey{ 
    height: 1100px; 
}
    #journey .left-column{
        height: 65%;
        width: auto;
    }
    #journey .right-column{
        height: 35%;
        width: auto;
    }    
    #journey h1{ 
        font-size: 3.7em;
        line-height: 0.9em;
        margin:0;
        margin-top: 10%;
    }
    #journey img{
        display: block;
        margin-top: 0;
        max-width: 68%;
        margin:0 auto;
    } 
/* meetSlide ---------------- */  
    #meetSlide{
        background: #e5e4e4 url(../img/meetSlide_mobile_bg.jpg) no-repeat 50% 0px;
    }
    #meetSlide  blockquote{
        font-size: 2.2em;
        width:97%;
        margin:0;
        padding:0;
        line-height: 1.4em;
    }   
    #meetSlide h2{
        width: 69%;
        font-size: 1.0em;
    }    
/* Gallery ---------------- */ 
#gallery{
    width: auto;
    height: 430px;   
}  
    #gallery h1{
        margin: 0;
        padding: 0;
       font-size: 3em;
       line-height: 1;
       position: absolute;
       width: 100px;
       top:30px;
       left: 50%;
       margin-left: -90px;
       height: auto;        
    }
    #galleria{ 
        position: absolute;
        left:50%;
        top:0%;
        margin-top: 70px;  
        margin-left: -160px;  
        width: 300px; 
        height: 300px; 
    }  

/* MFI ---------------- */   
#mfi{

    width: 100%;
    height: 1170px;
}
    #mfi .left-column{
        width: auto;
        height:74%;
    }
    #mfi .right-column{
        width: auto;
        height:26%;
    }    
    #mfi h1{   
        font-size: 2.8em;
    }
    #mfi h2{  
        font-size: 0.9em;    
        margin: 0;
        padding:0;
        margin-top:6%;
        margin-bottom:3%;
    } 
    #mfi p{ 
        font-size: 0.9em;
        line-height: 1.3em;
        color: #222;
    }   
    #mfi img{ 
        margin-top:0;
        max-width: 100%;        
    }    
/* Articles ---------------- */       
#articles{ height: 800px; position: relative;}
    #articles h1{
        font-size: 3em;
        line-height: 1;
        width:220px;
        text-align: center;
        margin:0px auto;
        padding:0;
        padding-top:10%;

    }
    #articles .wrapper{
        width: 310px;
        height: 400px;
    }
    #articles #featured{
        width:310px;
        height:600px;
    }
    #articles p.timestamp{
        font-size: 0.8em;
    }
    #articles div.article{
        width:220px;
        height: 590px;
        padding:50px;
        margin:0 auto;
    }
    #articles h2{
        font-size: 1.5em;
    }
    #articles div.article p{
        font-size: 0.95em;
        line-height: 1.4em;
    }
    #articles div.name {
        font-size: 1.2em;
        width: 240px;    
        margin-bottom:10px;
    }
div.orbit-wrapper { width: 310px !important; height: 610px !important; }
div.orbit { width: 310px; height: 600px; } 
/* Recognitions & Books ---------------- */   
#recognitions-books{

    height: 1650px;
}
#recognitions-books .left-column{
    height: 42%;
}
#recognitions-books .right-column{
    height: 58%;
}  
    dl.recognitions dt{
        font-size: 2.3em;
        line-height: 1;
        letter-spacing: -1px;

    }
    dl.recognitions dd{

        padding-left:74px;
        font-size:1.2em;
        margin-bottom: 20px;
    }

    dl.books dt{
        font-size: 2em;
        line-height: 1;
    }
    dl.books dd{      
        font-size: 1.4em;
        padding-left:60px;
        margin-bottom: 25px;
    }
/* Contact ---------------------- */       
    #contact h1{
        text-align: center;
        margin-bottom:5%;
        font-size: 3.5em;
        line-height: 0.9em;
        letter-spacing: -1px;
    }
}
/* *************************************** */
/* -----------------------------------------
   320
----------------------------------------- */
@media only screen and (max-width: 320px) {
/* Shared ---------------------- */       
    .wrapper{
        max-width: 295px; 
    }
    .left-column{
        float: none;
        width: auto;
        height: 50%;
    }
    .right-column{
        float: none;
        width: auto;
        height: 50%;
        overflow: hidden;
    }
/* Home ---------------------- */   
    #home{
        height: 820px;
        background: url(../img/home_bg.jpg) 50% 100% no-repeat;
    }
        #home .left-column{
            height: 50%;
        }
        #home .right-column{
            height: 50%;
        }        
        #home h1{
            margin:10px auto;
            font-size: 4em;
            line-height: 0.8em;
            letter-spacing: -0.05em;
        }
        #home p{
            font-size: 1.3em;
            margin:0;
            padding:0;
        }
        #meet { 
            font-size: 1.125em;
            margin-top: 5%;
        }  
        #twitterBox {
            height: 150px; 
            margin: 10px auto; 
        }        
        #ticker .tweet_list li {
            font-size: 0.8em;
        }        
        #home .right-column img{
            max-width: 100%;
            margin-top:0;
        }  
/* Representative ---------------- */             
    #representative{
        height: 800px;
    }  
        #representative .left-column{
            height: 40%;
        } 
        #representative .right-column{
            height: 60%;
        }              
        #representative h1{
            margin-top: 7%;
            margin-bottom: 2%;
            font-size: 2.5em;
            line-height: 0.9em;
        }        
        #representative h2{

            font-size: 1.1em;
        } 
        #representative img{
            margin-top: 7%;
            max-width: 90%;
        }        
/* Quotation ---------------- */    
    #quotation{ 
        height: 340px;
    }
        #quotation blockquote{
            
        }
        #quotation blockquote p{      
            margin:0;
            padding: 0;
            padding-top:12%;
            font-size: 1.5em;
            line-height: 1.2em;
            padding-left: 5%;
            text-align: left;
        }
        #quotation blockquote small{
            text-align: left;
            margin: 5% auto;
            font-size: 0.8em;
            padding-left: 5%;
            letter-spacing: 0em;
        }      
/* Journey ---------------- */          
#journey{ 
    height: 1100px; 
}
    #journey .left-column{
        height: 70%;
        width: auto;
    }
    #journey .right-column{
        height: 30%;
        width: auto;
    }    
    #journey h1{ 
        font-size: 3.7em;
        line-height: 0.9em;
        margin:0;
        margin-top: 10%;
    }
    #journey img{
        display: block;
        margin-top: 0;
        max-width: 68%;
        margin:0 auto;
    } 
/* meetSlide ---------------- */ 
#meetSlide{
    background: #e5e4e4 url(../img/meetSlide_mobile_bg.jpg) no-repeat 50% -40px;
    height: 700px;
}       
    #meetSlide h2{
        width: 75%;
        font-size: 1.0em;
    }
    #meetSlide  blockquote{

        font-size: 1.8em;
        width:97%;
        margin:0;
        padding:0;
        line-height: 1.3em;
    }
    #meetSlide p{

    }    
    #meetSlide img{
        max-width: 85%;
        display:block;
        margin: 0 auto;
        padding:10%;
    }
/* Gallery ---------------- */ 
#gallery{
    width: auto;
    height: 430px;   
}  
    #gallery h1{
        margin: 0;
        padding: 0;
       font-size: 3em;
       line-height: 1;
       position: absolute;
       width: 100px;
       top:30px;
       left: 50%;
       margin-left: -90px;
       height: auto;        
    }
    #galleria{ 
        position: absolute;
        left:50%;
        top:0%;
        margin-top: 70px;  
        margin-left: -150px;  
        width: 280px; 
        height: 300px; 
    }  
/* MFI ---------------- */   
#mfi{

    width: 100%;
    height: 1170px;
}
    #mfi .left-column{
        width: auto;
        height:74%;
    }
    #mfi .right-column{
        width: auto;
        height:26%;
    }    
    #mfi h1{   
        font-size: 2.3em;
    }
    #mfi h2{  
        font-size: 0.8em;    
        margin: 0;
        padding:0;
        margin-top:6%;
    } 
    #mfi p{ 
        font-size: 0.9em;
        line-height: 1.3em;
        color: #222;
    }   
    #mfi img{ 
        margin-top:0;
        max-width: 100%;        
    }    
/* Articles ---------------- */       
#articles{ height: 900px; position: relative;}
    #articles h1{
        font-size: 3em;
        line-height: 1;
        width:220px;
        text-align: center;
        margin:0px auto;
        padding:0;
        padding-top:10%;

    }
    #articles .wrapper{
        width: 290px;
        height: 400px;
    }
    #articles #featured{
        width:290px;
        height:600px;
    }
    #articles p.timestamp{
        font-size: 0.8em;
    }
    #articles div.article{
        width:200px;
        height: 590px;
        padding:50px;
        margin:0 auto;
    }
    #articles h2{
        font-size: 1.5em;
    }
    #articles div.article p{
        font-size: 0.95em;
        line-height: 1.4em;
    }
    #articles div.name {
        font-size: 1.2em;
        width: 240px;    
        margin-bottom:10px;
    }
div.orbit-wrapper { width: 290px !important; height: 610px !important; }
div.orbit { width: 290px; height: 600px; } 

/* Recognitions & Books ---------------- */   
#recognitions-books{

    height: 1650px;
}
#recognitions-books .left-column{
    height: 41%;
}
#recognitions-books .right-column{
    height: 59%;
}  
    dl.recognitions dt{
        font-size: 2.0em;
        line-height: 1;
        letter-spacing: -1px;

    }
    dl.recognitions dd{

        padding-left:74px;
        font-size:1.2em;
        margin-bottom: 20px;
    }

    dl.books dt{
        font-size: 2em;
        line-height: 1;
    }
    dl.books dd{      
        font-size: 1.4em;
        padding-left:60px;
        margin-bottom: 25px;
    }
/* Contact ---------------- */ 
#contact{
    position: relative;
    height: 750px; 
}
 
     #contact h2{
        font-size: 1.2em;
        color:#398980;
        text-transform: uppercase;
        margin: 0 auto;
        width: 220px;
        padding: 0;
        line-height: 22px;
     }
    #contact h1{
        text-align: center;
        margin-bottom:5%;
        font-size: 3.6em;
        line-height: 0.9em;
        letter-spacing: -1px;
    }
    #contact p{
        padding:2%;
        text-align: left;
        font-size: 1em;
    }
    #contact footer{
        margin-top: 20px;
        color: #666;
        text-align: left;
        font-size: 0.7em;
        text-transform: uppercase;

    }
     #contact footer a{
        color: #666;
        font-size: 0.8em;

     }
    #contact b{
        display:block ;
    }
    #contact img{ 
        margin: 0 auto;
        padding: 7%;
        max-width: 90%;        
    }
}