html { font-family:Roboto, Arial, Helvetica, Sans-serif; font-size:125%; font-weight:300; }
body { margin:0; padding:0; }
.noList, .noList > li { list-style:none; margin:0; padding:0; }
#logo { position:fixed; top:0; right:2em; width:160px; height:80px; background:url('https://edutasia.com/gfx/logo_200px_white.png') no-repeat left center; background-size:100%; transition: background 250ms ease-in;}
#logo a { display:block; width:100%; height:100%; }
body.fp-viewing-page2 #logo,
body.fp-viewing-page3 #logo,
body.fp-viewing-page4 #logo,
body.fp-viewing-page6 #logo,
body.fp-viewing-page8 #logo,
body.fp-viewing-page9 #logo { background-image:url('/media/1014/logo_200px.png')}
#mainNav { width:25%; background:#121212; position:absolute; top:0; bottom:0; left:0; display:none; padding:2em 0; }
#mainNav ul.navList { margin:0 2em; }
#mainNav a { display:inline-block; padding:.5em 1em; color:#fff; text-decoration:none; }
#mainNav a.active { font-weight:500; }
#mainNavLink, #mainNavClose { position: absolute; top: 1em; left:1em; font-size: 1.2em; color: #444; padding: .25em .5em; z-index:1; }
#mainNavLink { background: rgba(255,255,255,.8); }
#mainNavClose { left: auto; right:.5em; top:.5em; }
body.hasMenu #mainNav { display:block; z-index:2; }
body.hasMenu .layout { width:75%; margin-left:25%; }
.layout { display:table; }
.layout .row { display:table-row; }
.layout .row .col { display: table-cell; vertical-align:top; padding:0 5%; }
.layout.noColPad .row .col, .layout.hasSlides .row .col { padding:0; }
.layout .row .col-md-2 { width:16.666%; padding:0 2.5%; }
.layout .row .col-md-4 { width:33.333%; }
.layout .row .col-md-6 { width:50%; }
.layout .row .col-md-8 { width:66.666%; }
.radarChart canvas { width:720px !important; height:360px !important; }
#scrollInfo { position:fixed; bottom:0; left:0; right:0; font-size:2em; padding:.5em; text-align:center; color:rgba(255,255,255,.8); }
body.fp-viewing-page2 #scrollInfo,
body.fp-viewing-page3 #scrollInfo,
body.fp-viewing-page4 #scrollInfo,
body.fp-viewing-page6 #scrollInfo,
body.fp-viewing-page8 #scrollInfo { color:#ddd; }
body.fp-viewing-page9 #scrollInfo { display:none; }

@media screen and (max-width:1380px) {
    html { font-size:100%; }
	#logo { width:140px; height:70px; }
	.radarChart canvas { width:600px !important; height:300px !important; }
}

@media screen and (max-width:1024px) {
    html { font-size:90%; }
	#logo { width:120px; height:60px; }
	.radarChart canvas { width:480px !important; height:240px !important; }
}

@media screen and (max-width:1023px) {
    html { font-size:85%; }
	.layout { display:block; }
	.layout .row { display:block; }
	.layout .row .col { display: block; padding:0 5%; width:90%; }
	.layout .row .col-md-2 { display:inline-block; width:45%; padding:0 2.5%; }
	.layout .row .col-md-2 img { display:block; max-width:180px; margin-left:auto !important; margin-right:auto !important; }
	.radarChart canvas { width:320px !important; height:170px !important; }
	#logo { display:none; }
	body.fp-viewing-page1 #logo { display:block; }
	
}