/* 	12 COLUMN - RESPONSIVE GRID SYSTEM	DEVELOPED BY DENIS LEBLANC	URL - http://responsive.gs	VERSION - 2.0	LICENSED UNDER GPL & MIT*//* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */*{    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}/* MAIN CONTAINER */.container{    margin: 0 auto;    width: 97%;}.max-width{    width: 100%;}/* SELF CLEARING FLOATS - CLEARFIX METHOD */.row:after, .col:after, .clr:after, .group:after{    content: "";    display: block;    height: 0;    clear: both;    visibility: hidden;}/* DEFAULT ROW STYLES */.row{    margin-bottom: 1.5em;}/* set according to preference*/.row-marginless{    margin: 0;}/* set according to preference*//* DEFAULT COLUMN STYLES */.col{    display: block;    float: left;    width: 100%;}@media screen and ( min-width : 768px ){    .col    {        margin-left: 2%;    }    nav ul li.col    {        margin-left: 0 !important;    }    nav ul li.span_2    {        width: 16.66%;    }}/* RESET MARGINS */.col:first-child{    margin-left: 0;}/* all browsers except IE6 and lower *//* COLUMN WIDTH ON DISPLAYS +768px */@media screen and ( min-width : 768px ){    .span_1    {        width: 6.5%;    }    .span_2    {        width: 15.0%;    }    .span_3    {        width: 23.5%;    }    .span_4    {        width: 32.0%;    }    .span_5    {        width: 40.5%;    }    .span_6    {        width: 49.0%;    }    .span_7    {        width: 57.5%;    }    .span_8    {        width: 66.0%;    }    .span_9    {        width: 74.5%;    }    .span_10    {        width: 83.0%;    }    .span_11    {        width: 91.5%;    }    .span_12    {        width: 100%;    }}@media screen and ( max-width:767px){    .hidden-phone    {        display: none;    }    body    {        font-size: 100%;    }    header    {        padding: 1em 1em 1em 1em !important;    }    header h1    {        font-size: 4em !important;        text-align: center;        line-height: 0.9em;        margin-bottom: 0.2em;    }    header h2    {        text-align: center;        display: block;    }    header p    {        text-align: center;    }    header .span_8    {        margin: 0 0 1em 0;    }    header .search    {        text-align: center;        margin-top: 1em !important;    }    header .search .search-field    {        max-width: 20em;    }    nav.main button    {        transition: all 0.2s;        border-radius: 0.2em;        background-color: #fff;        color: #006;    }    nav.main button .icon-menu    {        color: #006;    }    nav.main button:hover    {        background-color: #ccc;        cursor: pointer;    }    nav.main ul.hide    {        display: none;    }    nav.main ul li a    {        padding: .5em 0;    }    .newslink a.title    {        width: 90%;    }    .main-nav, #maincontent .floatright    {        display: none;    }    #leftnav    {        border-top: none;        margin-top: 0;   display:block; }    footer .divider-right    {        border-right: none !important;    }    footer div.col    {        border-bottom: solid 1px #999;        padding: 1em 0;    }    #middle h1 + h2    {        margin: 1.2em 0 0 0;        padding: 0;    }    #middlenews .news-summary{        display:none;    }    #middlenews .newslink    {        margin-bottom:.5em    }    #middle-search img, #middle-search .tooltip    {        display: none !important;    }    #middle .info-panel    {        margin-bottom: 1.5em;    }    .linklistpage li    {        padding: 0.2em;    }    #malariaMap    {        width: 100%;        height: 100%;    }    .malaria-map-holder map    {        display: none;    }    .search-form input.large    {        width: 80% !important;    }    .search-form select    {        width: 95% !important;    }    .feature .content {        width:96%;    }}@media screen and ( min-width:450px) {    .feature.mobile {        background-size:100%;    }}@media screen and ( max-width:450px){    header h1    {        font-size: 3.2em !important;    }    header h2    {        font-size: 1em;        line-height: 1.1em;    }    .feature .btn    {        display:block;        padding: 8px 5% 8px 5%;        margin:3em auto 0 auto;        width:100%;             text-align:center       }    .feature .btn i    {        display:none;                  }}@media screen and ( min-width:768px){    header h1    {        font-size: 4em !important;        display: inline;    }    nav.main button    {        display: none;    }    .search-form input.large    {        width: 70% !important;    }    .phone-only    {        display: none;    }    .hidden-tablet    {        display: none;    }}@media screen and ( min-width:1024px){    header h1    {        font-size: 4.2em !important;    }    .hidden-desktop    {        display: none;    }}@media screen and (min-width: 1200px){    .container    {        width: 1170px !important;        margin: 0 auto;        max-width: 100%;    }}