@charset "utf-8";
/* CSS Document */
*	{margin:0px;}
html {
    background: url("images/welsh5.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;
} 
 .grid-container {
  display: grid;
  grid-template-columns: 33% 33% 34%;
}
.grid-container > div {
  
  
  }
.grid-item1 {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
  font-size:42px;
  background-color:#8EC9E5;
  padding-top:5px;
  }
@media only screen and (max-width : 650px ){
	.grid-item1 {
		font-size:30px;		
}
}
.grid-item1 img {
	width:60px;
	padding-left:7px;
	padding-bottom:5px;
	float:left;
}
.grid-item2{
  background-color: #8EC9E5;
  }
.dropbtn {
  background-color: #8EC9E5;
  font-family: 'Tangerine', serif;
  font-weight:bold;
  color: black;
  padding-top:12px;
  padding-left:77px;
  padding-bottom: 9px; 
  text-align:center;
  font-size: 36px;
  border: none;
}
@media only screen and (max-width:550px) {
.dropbtn {
	padding-left:17px;
	padding-bottom: 18px; 
}
}
.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:lightpink;}

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

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

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

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

.grid-item3{
  font-size:26px;
  text-align: center;
  padding:7px;
  border-style: none none ridge none;
  border-color:aliceblue;	
		}
.grid-item3 a{
  color:black;
  text-decoration:none;	
		}
@media only screen and (max-width:1000px) {
	.grid-item3 a {
		color:orangered;
		}
}
.grid-item4 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item4 a{
  color:black;
  text-decoration:none;	
		}
@media only screen and (max-width:1000px) {
	.grid-item4 a {
		color:orangered;
		}
}
.grid-item5 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item5 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item5 a {
		color:orangered;
		}
}
.grid-item6 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item6 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item6 a {
		color:orangered;
		}
}
.grid-item7 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item7 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item7 a {
		color:orangered;
		}
}
.grid-item8 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item8 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item8 a {
		color:orangered;
		}
}
.grid-item9 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item9 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item9 a {
		color:orangered;
		}
}
.grid-item10 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item10 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item10 a {
		color:orangered;
		}
}
.grid-item11 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item11 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item11 a {
		color:orangered;
		}
}
.grid-item12 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item12 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item12 a {
		color:orangered;
		}
}
.grid-item13 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item13 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item13 a {
		color:orangered;
		}
}
.grid-item14 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item14 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item14 a {
		color:orangered;
		}
}
.grid-item15 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item15 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item15 a {
		color:orangered;
		}
}
.grid-item16 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item16 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item16 a {
		color:orangered;
		}
}
.grid-item17 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item17 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item17 a {
		color:orangered;
		}
}
.grid-item18 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item18 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item18 a {
		color:orangered;
		}
}
.grid-item19 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item19 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item19 a {
		color:orangered;
		}
}
.grid-item20 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item20 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item20 a {
		color:orangered;
		}
}
.grid-item21 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item21 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item21 a {
		color:orangered;
		}
}
.grid-item22 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item22 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item22 a {
		color:orangered;
		}
}
.grid-item23 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item23 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item23 a {
		color:orangered;
		}
}
.grid-item24 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item24 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item24 a {
		color:orangered;
		}
}
.grid-item25 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item25 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item25 a {
		color:orangered;
		}
}
.grid-item26 {
	font-size:26px;
	text-align: center;
	padding:7px;
	border-style: none none ridge none;
    border-color:aliceblue;	
}
.grid-item26 a{
  color:black;
  text-decoration:none;	
		}
	@media only screen and (max-width:1000px) {
	.grid-item26 a {
		color:orangered;
		}
}