#gridContainer {
	min-height:768px;
	max-width:1024px;
	color: #fff;
	background-color:#fff;
	margin:auto;
}

.top-bar {
	text-align:center;
	background-color:#65B4CE;
}

.row {
	max-width: 64.5rem;
}

.side-nav {
	background-color: #444;
	min-height: 723px;
	padding:0;
	text-align:center;
}

.side-nav i {color:#65B4CE;}

.side-nav li,
.panel.dark {
	margin: 0px 0px 0.04rem;
	font-size: 0.875rem;
	font-weight: normal;
	background-color: #222;
	color:#fff;
}
 .panel.dark h1,
 .panel.dark h2,
 .panel.dark h3,
 .panel.dark h4,
 .panel.dark h5,
 .panel.dark h6,
 .panel.dark p,
 .panel.dark li,
 .panel.dark dl {color:#fff;}

.side-nav li a:not(.button) {
	color:#fff;
	text-align:center;
	padding: 1.5em 1em;
}

.panel {border:none;}

.row.lifeStyleIcons .column {
	text-align:center;
}
.row.lifeStyleIcons .column > i:hover {
	cursor:pointer;
	color: #65B4CE;
}

[class*="column"] + [class*="column"]:last-child {float:left;}

@media only screen and (max-width: 768px) {

	#gridContainer,
	.side-nav  {min-height:1024px;}
	
}