body {
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: auto;
    border-radius: 5px;
}
body, html {
    height: 100%;
}
#header {
    width: 96%;
    margin: auto;
    border-collapse: separate;
}
#titleRow {
    text-align:center;
    font-size: 120%;
}
#mainTitle {
    font-size: 300%;
    font-family:"Bookman";
}
#mainTitle a {
	color: black;
	text-decoration: none;
}
#hashtag {
    font-weight: bold;
    font-size: 150%;
}
#dates {
    font-weight: bold;
    font-size: 150%;
}
#menu {
    width: 100%;
    height: 40px;
    /* background-color: #4f1408; */
	/*   color: #ad9f64; */
	color: #000000;
}
#menu td {
	width: 20%;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    border-radius: 20px;
    padding: 2px 0;
    background-image: url("texture.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
  cursor: default;
}
#menu td:hover {
	color: #4f1408;
	text-decoration: underline;
  cursor: pointer;
}
#menu td:
hr {
    margin: 4px;
}

@media only screen and (max-width: 800px) {
	#hashtag, #dates {
		display: block;
	}
	#titleRow {
		display: table-cell;
	}
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-center {
  float: center;
}