@charset "utf-8";
/* CSS Document */
*	{margin:0px;}
html {
    background: url("images/parchment.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: scroll;
}
body {
	font-family: 'Tangerine', serif;
	font-weight:bold;
} 
.box {
  display: grid;
  grid-template-columns: 33% 33% 34%;
}
.grid-item1 {
  grid-column-start: 1;
  grid-column-end: 3;
  font-size:44px;
  background-color:#E0A616;
  padding-top:5px;
  text-align: center;
}
@media only screen and (max-width:500px) {
.grid-item1 {
	font-size:33px;
}
}
.grid-item1 img {
	width:60px;
	padding-left:7px;
	padding-bottom:5px;
	float:left;
}
.grid-item2{
  background-color: #E0A616;
  }
.dropbtn {
  background-color: #E0A616;
  font-family: 'Tangerine', serif;
  font-weight:bold;
  color: black;
  padding-top:12px;
  padding-left:77px;
  text-align: center;
  font-size: 36px;
  border: none;
}
@media only screen and (max-width:550px) {
.dropbtn {
	padding-left:17px;
}
}
.dropdown {
  position:relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  font-size:26px;
  color: black;
  padding:7px;
  display: block;
  text-decoration:none;
}

.dropdown-content a:hover {background-color:beige;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #E0A616;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #E0A616;}

.grid-item3{
  height:50px;
}
.grid-item4 {
	height:50px;
}
.grid-item5 {
	height:50px;
}
.box1{
    display: grid;
    grid-template-columns: 40% 35% 25%;
	text-align:center;
	padding-right:18px;
	padding-left:18px;
}
.grid-item6 {
	grid-column-start: 1;
    grid-column-end: 3;
	border-style: none double none none;
	border-color:darkgoldenrod;
	padding:12px;
	font-size:30px;
	text-align: left;
}
@media only screen and (max-width:600px) {
.grid-item6 {
	font-size:20px;
}
}
.grid-item7 >div {
	padding:10px;
	text-decoration:underline;
	text-align: center;
}
.grid-item7 {
	font-size:30px;
}
@media only screen and (max-width:600px) {
.grid-item7 {
	font-size:20px;
	padding:2px;
}
}
.box2{
	display: grid;
    grid-template-columns: 40% 35% 25%;
    text-align:center;
	border-style: double none none none;
	border-color:darkgoldenrod;
	padding:7px;
}
.grid-item8 {
	grid-column-start: 1;
    grid-column-end: 4;
	font-size:26px;
}
.grid-item9 {
	font-size:26px;
}
.grid-item10 {
	font-size:26px;
}