body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: azure;
}
.backsolid {
	
	background-color: azure;
}
.myfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.fake-list {
	display: list-item;
	list-style-position: inside;
  }
  

ul.it {
	list-style-image: url("../img/it_list.gif");	
}

ul.me {
	list-style-image: url("../img/me_list.gif");	
}

.topspace {
	height: 30pt;
	background-color: azure;
}

.logo {
	top: 10%;
	text-align: right;
}

.banner {
	height: 30pt;
	background-color:azure;
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
  }
  
  /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
  .row.content {height: 450px}
  
  /* Set gray background color and 100% height */
  .sidenav {
	padding-top: 20px;
	background-color: azure;
	height: 100%;
  }
  
  /* Set black background color, white text and some padding */
  footer {
	background-color: azure;
	color: blue;
	padding: 15px;
  }
  
  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
	.sidenav {
	  height: auto;
	  padding: 15px;
	}
	.row.content {height:auto;} 
  }