	.container {
		text-align: center;
	}
	.page-header {
		max-width: 745px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.page-header h2{
		background-color: rgba(146, 233, 112, 0.65);
	}
    #footer {
		background-color: #f5f5f5;
		height: 60px;
		width: 100%;
		position: fixed;
		bottom: 0;
		margin-left: -20px;
		padding-right: 20px;
		padding-left: 20px;
    }
	#footer p {
		margin-left: auto;
		margin-right: auto;
		max-width: 745px;
	}
	#designer {
		margin-right: 35px;
	}
	#footer span{
		padding-top:20px;
	}
	
	@media (max-width: 300px), (max-height: 560px) {
		#footer {
			position: static;
		}
	}
	@media (max-width: 380px) {
		#footer1 {display:none;}
		#footer2 {display:inline;}
	}
	@media (min-width: 381px) {
		#footer2 {display:none;}
	}
	
	/* Header styles
      -------------------------------------------------- */
	#page-header{
		font-size: 16px;
	}
	
	/* Table styles
      -------------------------------------------------- */
		#info {
			width:290px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 60px;
		}
	
	/* Scroller styles
      -------------------------------------------------- */
	#scroller {
		color: #333;
		font-size: 20px;
		font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
		width: 300px;
		height: 22px;
	}
	@media (max-width: 423px) {
		.page-header h1 {
			font-size: 25px;
		}
		.page-header h2 {
			font-size: 20px;
		}
	}
	@media (max-width: 633px) {
		.page-header ul {
			list-style-type: disc;
		}
	}
	@media (max-width: 299px) {
		.page-header h1 {
			font-size: 17px;
		}
		.page-header h2 {
			font-size: 13px;
		}
		.page-header h3 {
			font-size: 11px;
		}
		.centered-pills ul.nav.nav-pills {
			font-size: 12px;
		}
	}
	@media (max-width: 320px) {
		#footer span{
			font-size: 12px;
		}
	}