body {
	background-image: url("pic/geopaper.png");
	background-attachment: fixed;
	background-size: cover;
}

p {
	font-size: 20px;
}

h1 {
	color: #00ccff;
	font-size: 64px;
}

/* This is all just for the navbar */

.navbar {
	text-align: center;
	margin-bottom: 0px;
	border: 0px solid transparent;
}

nav ul li {
	background-color: #00ccff;
	padding-top: 5px;
	padding-bottom: 5px;
}

nav ul li:hover {
	background-color: #00ccff;
}

nav ul li:focus {
	background-color: #fff;
}

nav ul li a {
	font-size: 40px;
	color: #00ccff;
}

nav ul li a:hover {
	color: #fff;
}

.nav>li>a:active {
	background-color: #fff;
	color: #00ccff;
}
 
.nav>li>a:hover {
	background-color: #00ccff;
	color: #fff;
}

.nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #00ccff;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-nav {
    float: inherit;
    margin: 0;
}

/* End of Navbar css */

/* textbox #1 */
.tb1 {
	background-color: rgba( 0,0,0,0.8);
	padding-bottom: 15px;
}

.tb1 h2 {
	color: #00ccff;
	font-size: 30px;
	text-align: center;
}

.tb1 p {
	color: #fff;
	font-size: 20px;
	text-align : left;
}

.tb1 a {
	color: #00ffff;
	font-size: 28px;
	text-align: center;
	text-decoration: underline;
}

/* end of textbox 1 */

/* textbox # 2 */

.tb2 {
	background-color: rgba(0, 204, 255, 0.8);
	padding-bottom: 15px;
}

.tb2 h2 {
	color: #fff;
	font-size: 30px;
	text-align: center;
}

.tb2 p {
	color: #000;
	font-size: 20px;
	text-align: left;
}

.tb2 a {
	color: #fff;
	font-size: 28px;
	text-align: center;
	text-decoration: underline;
}

/* end of textbox 2 */

/* textbox # 3 */

.tb3 {
	background-color: rgba(255, 255, 255, 0.8);
	padding-bottom: 15px;
}

.tb3 h2 {
	color: #00ccff;
	font-size: 30px;
	text-align: center;
}

.tb3 p {
	color: #000;
	font-size: 20px;
	text-align: left;
}

.tb3 a {
	color: #00ccff;
	font-size: 28px;
	text-align: center;
	text-decoration: underline;
}

/* end of textbox 3 */

/* History */

.history {
	max-height: 300px;
	min-width: 320px;
}

.clover {
	padding-top: 100%;
}

/* end of History */
/* Footer */

.footer {
	background-color: rgb(0,0,0);
}

.footer h3 {
	color: #fff;
	font-size: 40px;
}

.footer h4 { 
	color: #fff;
	font-size: 25px;
}

.footer p {
	color: #00ccff;
	font-size: 20px;
}

.footer .space {
	text-align: center;
	padding-top: 30px;
}

/* end of footer */

.center {
	text-align: center;
}


