/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/** GLOBAL **/
html{-webkit-text-size-adjust: none;}
body{-webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

/* header */
.m-menubutton{width: 50px; height: 50px; text-decoration: none; position: absolute; top: 0; right: 0; cursor: pointer; overflow: hidden;}
.m-menubutton img{width: 100px; max-width: 100px; height: 50px; max-height: 50px; position: absolute; top: 0;}

.open-menu{display: none;}
.close-menu{display: none;}
.open-menu img{left: 0;}
.close-menu img{left: -50px;}

/* sidebar menu */
.m-thesidemenu{background: #615d5b; width: 80%; height: 100%; position: fixed; top: 0; left: 100%; overflow-x: hidden; overflow-y: auto; display: none;}

.m-thesidemenu > header{background: rgba(255, 255, 255, 0.075); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.22); padding: 8px 15px; position: relative;}
.m-thesidemenu > header.firstsideheader{border-top: 0;}
.m-thesidemenu > header > h1{font-size: 21px; font-weight: 600; color: #fff; text-align: left; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15); line-height: 24px; letter-spacing: -1px; position: relative;}

.m-thesidemenu ul{list-style-type: none; position: relative;}
.m-thesidemenu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
.m-thesidemenu ul li a{height: 50px; text-decoration: none; position: relative; display: block; overflow: hidden; opacity: 0.5;}
.m-thesidemenu ul li a:hover{text-decoration: none; opacity: 1;}
.m-thesidemenu ul li a img{width: 50px; max-width: 50px; height: 500px; max-height: 500px; position: absolute; left: 0;}
.m-thesidemenu ul li a h1{font-family: 'Roboto', Helvetica, Arial; font-size: 18px; font-weight: 300; color: #fff; text-align: left; line-height: 50px; padding: 0 0 0 52px; position: relative;}

.m-thesidemenu footer{padding: 15px 20px; position: relative;}
.m-thesidemenu footer p{font-family: 'Roboto', Helvetica, Arial; font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.5); text-align: left; position: relative;}

/** PAGES **/
.m-thepage{width: 94%; padding: 0 0 20px 0; margin: 60px auto 0 auto; position: relative; display: none;}
.m-thepage > footer{font-size: 12px; font-weight: 400; color: #aaa; text-align: center; padding: 20px 0 0 0; position: relative;}
.m-thepage > footer a{color: #da4b92; text-decoration: none;}
.m-thepage > footer a:hover{color: #444; text-decoration: none;}

.m-thesplash, .m-thecampaign, .m-cbox, .m-fbfeed, .m-thebooks li, .m-thebio, .m-theglobalhealth ul li, .m-themedia ul li, .m-thecontact > section{background: #fff; padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); position: relative;}

.m-thesplash > a{text-decoration: none; position: relative; display: block;}
.m-thesplash > a > img{width: 100%; height: auto; margin-bottom: 10px; position: relative; display: block;}
.m-thesplash > a > h1{font-size: 24px; font-weight: 600; color: #da4b92; text-align: center; position: relative;}
.m-thesplash > a > h2{font-size: 14px; font-weight: 400; color: #888; text-align: center; margin-bottom: 10px; position: relative;}
.m-thesplash > a > h2 span{font-style: italic;}
.m-thesplash > a > h3{background: #da4b92; font-size: 18px; font-weight: 600; color: #fff; text-align: center; border-radius: 4px; padding: 8px 20px 10px 20px; margin: 0 10% 10px 10%; position: relative; display: block;}
.m-thesplash > a > h4{font-size: 14px; font-weight: 400; color: #888; text-align: center; margin-bottom: 10px; position: relative;}
.m-thesplash > a > h4 span{font-weight: 600; color: #444;}
.m-thecampaign{text-decoration: none; display: block;}
.m-thecampaign > h1{background: #da4b92; font-size: 24px; font-weight: 600; color: #fff; text-align: center; padding-top: 6px; position: relative;}
.m-thecampaign:hover > h1{background: #eae9e6; color: #444;}
.m-thecampaign > h2{background: #da4b92; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.5); text-align: center; padding-bottom: 10px; position: relative;}
.m-thecampaign:hover > h2{background: #eae9e6; color: #444;}
.m-cbox > a{background: #eae9e6; text-decoration: none; border-radius: 2px; padding: 12px 0; position: relative; display: block;}
.m-cbox > a:hover{background: #da4b92; text-decoration: none;}
.m-cbox > a > h1{font-size: 18px; font-weight: 600; color: #444; text-align: center; position: relative;}
.m-cbox > a:hover > h1{color: #fff;}

.m-fbfeed{text-align: center;}
.m-fbfeed > div{position: relative; display: inline-block;}

.m-thebooks{list-style-type: none; text-align: center; position: relative;}
.m-thebooks li a{text-align: center; text-decoration: none; position: relative; display: block;}
.m-thebooks li a h1{font-size: 24px; font-weight: 600; color: #da4b92; text-align: center; margin-bottom: 8px; position: relative;}
.m-thebooks li a p{font-size: 14px; font-weight: 400; color: #444; text-align: justify; margin-bottom: 10px; position: relative;}
.m-thebooks li a h2{background: #da4b92; font-size: 24px; font-weight: 600; color: #fff; text-align: center; border-radius: 4px; padding: 12px 0; margin: 0 5% 10px 5%; position: relative; display: block;}
.m-thebooks li a h3{font-size: 14px; font-weight: 400; color: #888; text-align: center; position: relative;}
.m-thebooks li a h3 span{font-size: 18px; font-weight: 600; color: #444;}
.m-thebooks li a img{width: 50%; height: auto; margin: 0 auto 10px auto; position: relative; display: block;}

.m-thebio > h1{font-size: 24px; font-weight: 600; color: #da4b92; text-align: center; position: relative;}
.m-thebio > h2{font-size: 14px; font-weight: 400; color: #888; text-align: center; margin-bottom: 15px; position: relative;}
.m-thebio > h2 span{font-style: italic;}
.m-thebio > p{font-size: 14px; font-weight: 400; color: #444; text-align: justify; margin-bottom: 10px; position: relative;}
.m-thebio a{color: #da4b92; text-decoration: underline;}
.m-thebio a:hover{color: #444; text-decoration: underline;}

.m-theprojects > h1{font-size: 18px; font-weight: 600; color: #444; text-align: center; margin-bottom: 15px; position; relative;}
.m-theprojects > iframe{width: 100%; height: auto; min-height: 250px; margin-bottom: 15px; position: relative; display: block;}

.m-theglobalhealth > h1{font-size: 24px; font-weight: 600; color: #444; text-align: center; margin-bottom: 15px; position: relative;}
.m-theglobalhealth ul{list-style-type: none; text-align: center; vertical-align: top; position: relative;}
.m-theglobalhealth ul li{width: 35%; height: 100px; vertical-align: top; margin: 0 1% 15px 1%; display: inline-block;}
.m-theglobalhealth ul li a{height: 100px; text-align: center; text-decoration: none; vertical-align: top; position: relative; display: block;}
.m-theglobalhealth ul li a img{width: 80px; height: auto; margin: 0 auto; position: relative; display: inline-block;}
.m-theglobalhealth ul li:last-child a img{width: 60px;}
.m-theglobalhealth ul li a p{width: 100%; font-size: 12px; font-weight: 400; color: #da4b92; text-align: center; padding: 5px 0 0 0; position: absolute; bottom: 0; left: 0;}
.m-theglobalhealth > iframe{width: 100%; height: auto; min-height: 250px; margin-bottom: 15px; position: relative; display: block;}
.proj-pih > img, .proj-bpe > img{top: 25px;}
.proj-cfh > img{top: 20px;}
.proj-mships > img{top: 18px;}

.m-themedia > h1{font-size: 24px; font-weight: 600; color: #444; text-align: center; padding: 0 0 15px 0; position: relative;}
.m-themedia > h1 span{font-size: 14px; font-weight: 400; color: #888;}
.m-themedia ul{list-style-type: none; text-align: center; position: relative;}
.m-themedia ul li a{max-height: 250px; text-decoration: none; position: relative; display: block; overflow: hidden;}
.m-themedia ul li a img{width: 100%; height: auto; position: relative; display: block;}
.m-themedia ul li a h1{font-size: 18px; font-weight: 600; color: #da4b92; text-align: center; position: relative;}
.m-themedia ul li a h2{font-size: 14px; font-weight: 400; color: #888; text-align: center; position: relative;}

.m-thecontact > section{text-align: center;}
.m-thecontact > section > img{width: 150px; height: 150px; border-radius: 200px; margin-bottom: 15px; position: relative; display: inline-block;}
.m-thecontact > section > h1{font-size: 24px; font-weight: 600; color: #444; text-align: center; position: relative;}
.m-thecontact > section > h2{font-size: 14px; font-weight: 400; color: #888; text-align: center; margin-bottom: 15px; position: relative;}
.m-thecontact > section > h2 a{color: #da4b92; text-decoration: underline;}
.m-thecontact > section > h2 a:hover{color: #444; text-decoration: underline;}
.m-thecontact > section > h3{font-size: 18px; font-weight: 400; color: #444; text-align: center; position: relative;}
.m-thecontact > section > .m-contactbutton{background: #da4b92; font-size: 18px; font-weight: 600; color: #fff; text-align: center; text-decoration: none; padding: 8px 20px; margin: 0 5% 15px 5%; position: relative; display: block;}

.m-theindiegogo{position: relative;}

/** ICONS **/
.mi-home{top: 0;}
.mi-books{top: -50px;}
.mi-bio{top: -100px;}
.mi-blog{top: -150px;}
.mi-projects{top: -200px;}
.mi-health{top: -250px;}
.mi-media{top: -300px;}
.mi-contact{top: -350px;}
.mi-facebook{top: -400px;}
.mi-indiegogo{top: -450px;}