/* CSS document for screens **Note all of our CSS is generated by SASS */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

$main: #0a3a76;

@mixin zigrad {
background: #889fbc; /* Old browsers */
background: -moz-linear-gradient(top,  #889fbc 12%, #ffffff 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#889fbc), color-stop(96%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #889fbc 12%,#ffffff 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #889fbc 12%,#ffffff 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #889fbc 12%,#ffffff 96%); /* IE10+ */
background: linear-gradient(to bottom,  #889fbc 12%,#ffffff 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#889fbc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400px; color: $main; margin: 0; padding: 0; position: relative;}

#page { width: 100%; margin: 0 auto; position: relative;   }

#c-page{ max-width: 1100px; margin: 0 auto; position: relative; }

h1 { margin: 0 0 1em 0; font-size: 2.8em; font-weight: 700; }
h2 { margin: 0 0 .5em 0; font-size: 1.6em; font-weight: 700; line-height: 1.1em; }
h3 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight: 700; }
h4 { margin: 0 0 1.5em 0; font-size: 1em; font-weight: 700; }

p { margin: 0 0 1em 0; }

div.bar { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; background-color: #fff; }
div.grad-top { position: absolute; top: 50px; left: 0px; width: 100%; height: 350px; @include zigrad; }
/*z-index: 120; position: absolute; width: 100%; height: 97.5px; top: 0px; margin: 0 auto; padding: 0; background: #fff;*/

header { height: 50px; }

header a.logo {
	z-index: 100;
	position: absolute;
	display: block; width: 240px; height: 20px;
	background: url(../img/mLogoWeb.svg) no-repeat 0 0; background-size: contain;
	top: 15px; left: 10px; 
}

header a.logo span { display: none; }
 
 
@import "navigation";
@import "marquee";
@import "skilllevel";
@import "vrthumbs";