/* ===================== */
/* !  Global Mobile      */
/* ===================== */

html {
        -webkit-text-size-adjust: none;
     }

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-6 {width: 90%;clear:both;padding: 0 5%;}

.grid-5,
.grid-6,
.team,
.team .grid-1,
.team .grid-2,
.gallery  {width: 100%;padding: 0;}

/*Hide items with this class applied on devices*/
.mobile-hide {display:none !important}

/* ===================== */
/* !  Header & Footer    */
/* ===================== */

#header-cont {text-align: center;margin:0 0 20px 0;padding:15px 0 15px 0;}
#header-cont  ul {float:none; width: 100%;margin:6px 0 0 0;}
#header-cont  ul li {width: 100%;font-weight:normal;}
#header-cont  ul li a {font-weight:normal;}
#header-cont  img.logo {float:none;width: 60%;margin-bottom:10px;}

.footer-news {background: #e5e5e5;padding: 5%; width: 90%}
.tweets {padding-bottom:5%;padding-top:5%;border-top: solid 2px #fff;}
#footer-cont {margin:0;} 
#footer-cont p {margin:0 20px 10px 20px;} 

/* ============== */
/* !  News story  */
/* ============== */

.story {width:90%;padding: 0 5%;}

/* ============ */
/* !  Homepage  */
/* ============ */

.cycle-slideshow {display:none;}

/* ========= */
/* !  About  */
/* ========= */

.team img {width:100%; height: 100% !important;}
.team,
.team .grid-1,
.team .grid-2 {padding:0;}

.team .grid-1 img {margin-bottom:10px;}

/* ============== */
/* !  Technology  */
/* ============== */

.gallery img {width: 50%;margin:0;}

/* ===================== */
/* !  Mobile Navigation  */
/* ===================== */

#nav#full {display:none;}
nav#mobile {background-color:#fff;display:block;}

/*
Top black bar that holds the toggle button
*/

nav#mobile #toggle-bar {
    line-height:70px;
    height:70px;
}

/*Social buttons*/
nav#mobile #toggle-bar img {
    margin:13px 0 0 20px;
    background:#001d4d;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 1px #001d4d
}

/*
Toggle button #2 ("Navicon")
*/

nav#mobile .navicon {
    float: right;
    height: 4px;
    width: 34px;
    margin: 20px;
    border-top: 12px double #001d4d;
    border-bottom: 4px solid #001d4d;
    font-size:0;
}

/*
The dropdown menu
*/

nav#mobile ul li {
    clear:both;
    list-style:none;
}

nav#mobile ul li a {
    display:block;
    margin:0;
    padding:10px 10px 10px 20px;
    border-top: solid 1px #d6d6d6;
    font-weight: normal;
}

/*
nav#mobile ul ul {
    font-size:small;
}

nav#mobile ul ul li {
    margin-left:30px;
}

nav#mobile ul ul a {
    background-color:#333;
    padding-left:8px;
}

nav#mobile ul ul a:before {
    content: "2192";
    padding-right:8px;
}

*/