@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@font-face {
    font-family: MoolBoran;
    src: url(MoolBoran.ttf);
}
@font-face {
    font-family: MoolBoran;
    src: url(MoolBoran.ttf);
    font-weight: bold;
}

body {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4 {
	color: #636363;
	font-family: MoolBoran;
}

h1 {
	font-size: 82px;
}
h2 {
	font-size: 60px;
}
h3 {
	font-size: 48px;
}

.bar-top .navbar {
	width: 100%;
	position: fixed;
	z-index: 99;
	background: #6470b9;
	border: none;
	border-bottom: 5px solid rgba(0,0,0,0.1);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	color: white;
}
.bar-top .navbar-default .navbar-nav>li>a {
	color: white;
}
.bar-top .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-header a:hover {
	font-weight: bold;
}

.navbar-brand img {
	height: 1em;
}

.banner {
	background: #333;
	background: url('../images/pcb.jpg') no-repeat fixed center bottom #32353a;
	color: white;
	padding: 10em 4em;
}
.banner img {
	width: 100%;	
}

.tier {
	padding: 4em 0;
}
.tier.gray {
	background: #888b9c;
	background: #c0c2cd;
	background: #444;
	border-top: 3px solid #666;
	color: white;
}
.tier.tier-1 {
	background: url('../images/statuscope-watermark.png') no-repeat scroll 50px 100px white;	
}
.tier.tier-2 {
	background: url('../images/GS.jpg') no-repeat fixed center center whitesmoke;
	background-size: cover;
}
.tier img {
	width: 100%;
	max-width: 100%;
}




/** Tier-specific stuff */
.banner p {
	font-size: 1.1em;
}
.banner p.lead {
	font-size: 1.8em;
}
.ss-drivers-heading {
	font-size: 60px;
	line-height: 0.8em;
	text-align: right;
	color: #bbb;
}
.ss-drivers-dotpoints p {
	font-size: 1.65em;
	font-weight: 300;
	color: white;
}
.ss-drivers-tickicon,
.ss-drivers-dotpoints img {
	height: 1.1em;
	width: auto;
	vertical-align: -0.25em;
}

.tier img.ss-services-icon {
	width: 50%;
}
.tier img.flipchart {
	width: 300%;
	height: 300%:
}
	




footer {
	text-align: center;
	border-top: 3px solid #666;
	background: #333;
	color: white;
	padding: 1em;
}
footer h2 {
	color: #bbb;
}
footer .copyright {
	padding: 4em 0 10em;
}