#left-sidebar {
  font-size: 1em;
  width: 10%;
  height: 100%;
  position:fixed; 
  padding: 0px; 
  z-index: -98; 
  text-align:center;
  min-width: 50px;
}


#left-sidebar img {height: 90%; width: 90%; padding-top: 0%;}


#container {
  position: relative;
}

#main-content {
  font-size: 1.2em; 
  margin-left: 13%; 
  margin 100em 5% 0 5%;
  padding-bottom: 160px; 
  padding-right: 5%;
}



a {text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font-size:3em;}

.centeredContent {text-align:center;}

#footer {
/* -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.75); */
border-top: 1px solid #000; font-size: 1.4em; 
text-align:center; width: 100%; height: 75px; 
position:fixed; bottom:0px; left: 0px; 
background-color: #fff; z-index: 99;
vertical-align:middle;}



#footerInner {padding: 12px;}


/*------------------------------------------------*/
/*---------------------[MOBILE]-------------------*/
/*------------------------------------------------*/

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

	#main-content, #footer, #main-nav {font-size: 1em;}
	#left-sidebar img {height: 80%;}
}

@media only screen and ( max-width: 767px ) {
	
	#main-nav {font-size: 75%;;}

	#footer {font-size: 1em; }
	#left-sidebar img {height: 70%;}
}

@media only screen and ( max-width: 479px ) {
	#main-content {margin-left: 15%;}
	#main-content h1 {font-size: 2em;}
	#footer {font-size: .75em; height: 70px;}
	#left-sidebar img {height: 70%;}
	#logo {height: 100px; width: 100px;}
}