#header{
		border:2px solid gray;
		color:#41CCE8;
		background-color:#A8F6F7;
		font-size:3em;
		text-align:center;
		margin-top:-0.2em;
		padding:0.6em;
	}
		#body{
			flex:1;
		}
			#content{
				margin-top:1em;
				display:flex;
				flex-direction:column;
			}
				#sideBar{
					position:relative;
					flex:1;
					margin-left:-0.2em;
					border:1px solid gray;
					padding:1em;
				}
				/*#main{

				}*/

					#hub{
						display:flex;
						flex-direction:column;
					}
							#hub div div{
								flex:1;
								padding:1em;
							}
		#footer{
			background-color:blue;
			color:black;
			font-size:0.6em;
			flex:1;
		}
@media screen and (min-width: 500px) {
				#main{
					flex:6;
				}
						.row{
							flex:1;
							display:flex;
						}
}
@media screen and (min-width:800px){
				#content{
				flex-direction:row;
			}
}