html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family: 'Lato', sans-serif; color: #fff;}
h1 {font-size:15vmin; font-weight: 100; text-align: center;}
h1 span {font-weight: 400;}
h2 {font-size: 8vmin; padding: 0 0 20px 0; font-weight: 400;}
h3 {font-size: 6vmin; padding: 0 0 20px 0; font-weight: 300;}
p {font-size:2.5vmin; font-weight: 300; line-height:110%; -webkit-font-smoothing: subpixel-antialiased;}
p .small {font-size:2vmin; font-weight: 300; margin-top: 20px;}
p .smaller {font-size:1vmin; font-weight: 300;}
p .smallitalic {font-size:2vmin; font-style: italic; margin-top: 20px;}
p .bold {font-size:2.5vmin; font-weight: 400;}
p .bigbolditalic {font-size:4vmin; font-style: italic; font-weight: 400;}
p .bigbold {font-size:4vmin; font-weight: 400;}
#bounce-me { display:block;}
.l-text {position:absolute; text-align: right; width: 60vw; left:10vw; display:block;}
.r-text {position:absolute; text-align: left; width: 60vw; right:10vw; display:block;}
.l-image {position:absolute; top:3vh; left:3vw; max-width: 25vw; max-height: 90vh;}
.r-image {position:absolute; top:3vh; right:3vw; width: 25vw;}
.full-bg-image {position:absolute; top:10vh; left:0px; width: 100vw; z-index:-1;opacity:0.3;}
.full-bg-image-opaque {position:absolute; top:0px; min-height:100vh; min-width: 100vw; margin:0 auto 0 auto; z-index:-1; display: block;}
.l-image img {max-width:100vw;}
.r-image img {max-width:100vw;}
.container {position:absolute; top:0px; left:0px; width:100vw; height: 100vh;}
/*TITLE COVER*/
#cover {background-color: #91AE47;}
#cover .header {position:absolute; top:30%; width:100%; text-align:center;}
#cover img {position: absolute; bottom: 10px; left:50%; margin: 0 0 0 -5vw; width:10vw;}
/*MAP*/
#malaria {background-color: #6EACC4;}
#malaria .r-text {margin-top: 20vh;height:75vh;}
#malaria .footnote {position:absolute; bottom:12vh; left:0; font-size:2vmin; font-weight: 300;}
/*blood taking*/
#intheblood {background-color: #4BB263;}
#intheblood .l-text {margin-top: 20vh;}
/*phone microscopes*/
#phonemicroscope {background-color: #FFFFFF;}
#phonemicroscope .r-text {color: #6e6e6e; margin-top: 20vh;}
/*HOLD THAT THOUGHT.. SPAM*/
#spam {background-color: #6EC4B1;}
#spam .header {position:absolute; top:15vh; width:100%; text-align:center;}
#spam h1 {font-size:10vmax;}
/*captcha*/
#captcha {background-color: #FFFFFF;}
#captcha .r-text {color: #6e6e6e; margin-top: 20vh;}
#captcha img {margin-top: 13vh; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); border-radius: 7px;}
#captcha .bolder {font-weight:400;}
/*recaptcha*/
#recaptcha {background-color: #FFFFFF;}
#recaptcha .l-text {color: #6e6e6e; margin: 20vh 0 0 0;}
#recaptcha img {margin-top: 33vh;}
/*let's do this for malaria*/
#letsdothis {background-color: #C46E81;}
#letsdothis .header {position:absolute; top:20vh; width:100%; text-align:center;}
#letsdothis h1 {font-size:10vmax;}
/*medicaptchaexample*/
#medicaptchaexample {background-color: #6EACC4;}
#medicaptchaexample .imagebox {margin: 10vh auto 0 auto; width:499px; max-width:100vw; position:relative;}
#medicaptchaexample .centreimage {width:100%; border-radius: 23px;}
#medicaptchaexample .tipsoverlay {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10;}
#medicaptchaexample .ctop-text {margin: 10vh auto 0 auto; width:50vw; text-align:center;}
/*capturing*/
#capturing {background-color: #FFFFFF;}
#capturing .r-text {color: #6e6e6e; margin: 15vh 0 0 0; width:35vw;}
#capturing .leftimagebox {float:left; margin-top:20vh; margin-left:5vw; width:45vw;}
#capturing img {width:100%;}
#capturing .tipsoverlay {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10;}
#capturing .pullquote {color: #949494; text-align:right;}
#tt_example {position:absolute; top:8%; left:70%; width:28%; height:35%;}
#tt_testimages {position:absolute; top:20%; left:4%; width:65%; height:70%;}
#tt_topbuttons {position:absolute; top:7%; left:47%; width:22%; height:15%;}
#tt_expand {position:absolute; top:43%; left:70%; width:28%; height:25%;}
/*why*/
#why {background-color: #FFFFFF;}
#why .r-text {color: #6e6e6e; margin: 20vh 0 0 0;}
/*projection*/
#projection {background-color: #6EACC4;}
#projection .l-text {left:0vw; margin: 20vh 10vw 0 10vw; width:80vw; text-align:center;}
#projection img {width:30vw;}
/*endlogo*/
#mediCAPTCHA {background-color: #91AE47;}
#mediCAPTCHA .header {position:absolute; top:30vh; width:100vw; text-align:center;}
#mediCAPTCHA .logotext {font-size: 50px; font-weight: 300;}
#mediCAPTCHA .sublogo {font-size: 23px; font-weight: 300;}
#mediCAPTCHA .credits {font-size: 2.5vmin; font-weight: 300;}
#mediCAPTCHA .smaller {font-size: 1.5vmin; font-weight: 300;}
#mediCAPTCHA img {position: absolute; top:0; left:0; height:100vh; z-index:-1;opacity:0.3}
/*404 ERROR PAGE*/
#error-background {background-color: #1abc9c; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%;}
#error {position:absolute; top:30%; left:50%; margin:0 0 0 -350px; width:700px; text-align:center;}
a {color: white;}
/*FANCY BOX*/
#inline1 {padding:30px; text-align: center;}
/*COCONUT CHAIR*/
#section-2 .r-text {margin: 110px 0 0 0;}
/*RAR ARMCHAIR*/
#section-3 .l-text {margin: 106px 0 0 0;}
/*WIGGLE ARMCHAIR*/
#section-4 .r-text {margin: 112px 0 0 0;}
/*CHERNER ARMCHAIR*/
#section-5 .l-text {margin: 116px 0 0 0;}
/*ZIG ZAG CAHIR*/
#section-6 .r-text {margin: 80px 0 0 0;}
/*EGG CHAIR*/
#section-7 .l-text {margin: 106px 0 0 0;}
/*LCW ARMCHAIR*/
#section-8 .r-text {margin: 95px 0 0 0;}
/*LA CHAISE*/
#section-9 .l-text {margin: 96px 0 0 0;}
#la-chaise {width:320px;}
#chaise {width:465px;}
/*LLI DESIGN*/
.lli-container {width: 712px; height: 280px; margin: -140px 0 0 -356px;}
.lli-container-img {padding: 88px 88px 88px 0; width: 73px;}
.lli-container p {padding: 72px 0 0 88px; width: 457px;}
.social-buttons {width: 320px; margin: 0 0 0 -160px;}
/*404 ERROR PAGE*/
#error {margin:0 0 0 -280px; width:560px;}
}