body {
    background-color: black;
    -webkit-text-size-adjust: none;
	margin: 0;
}

div {
	box-sizing: border-box;
}

a, a:link, a:visited {
    	color: #999 !important;
    	text-decoration:none;
    	/*font-style:italic;*/
}

.centered {
	text-align: center;
}

.inner-text {
    padding-left: 1rem;
    padding-right: 1rem;
	padding-top: 1.5rem;

    line-height: 1.5;
    font-size: 1.2rem;
    max-width: 50vw;
    display: inline-block;
    font-family: courier, "courier new", sans-serif;
    font-weight: normal;
    color: #000;
}

.gameplan .inner-text {
	font-size: 1rem;
}

.white {
	color: #fff;
}

p {
   	padding-bottom: 1.5rem;
}

.hero-logo, .powernet-logo {
   	filter: invert(1);
   	display: inline-block;
   	margin-bottom: 1rem;
}

.hero-logo {
	max-height:200px;
}

.gameplan .hero-logo {
	max-height:120px;
}

.powernet-logo {
	max-width: 40vw;
}

.navbar {
	height: 3.5em;
	width: 100%;
	background: #060030;
    padding: 0.5rem;
}

.navbar .logo {
 	filter: invert(1);
 	height: 100%;
	opacity: 0.9;
}

.navbar .logo:hover {
	opacity: 1;
}

@media (min-device-width:320px) and (max-device-width:768px) {
	.powernet-logo , .gameplan .hero-logo {
		max-width: 95vw;	
	}

	.gameplan .hero-logo {
		max-height: 200px;
	}

    	.inner-text, .gameplan .inner-text {
       		font-size: 2.2em;
			line-height: 1.8;
			max-width: 95vw;
			padding-left: 2rem;
			padding-right: 2rem;    
    	}
    	.navbar {
		height: 5em;
    	}
	.navbar .logo {
		opacity: 0.75;
	}
}