body {
	background-image: url(background.png);
	p {align: left;}
}
.small {font-size: 0.7em}
.red {color: red}
.teal {color: #396}
.brown {color: #900}
.larger {font-size: 1.25em;}
.top10header {font-family: 'Graduate';
	font-size:2em;
	text-shadow: 4px 4px 4px #aaa}
p.a {text-align: left}
p.main1 {text-align: center; font-weight: bold; color: #00C39B}
p.main2 {text-align: center;}
body,td,th {
	font-family: 'Merriweather';
	color: #D4D3C8}
.Logo {max-width: 850px;
    width: 100%;
    height: auto !important;}

a:link {
  color: #72AEFF;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #72AEFF;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #9CF4FF;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #9CF4FF;
  background-color: transparent;
  text-decoration: underline;
}

#button a:link, #button a:visited {
  background-color: #002442 ;
  color: #BAC5F5;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

#button a:hover, #button a:active {
  background-color: #003764;
}

    /* Extra Small Devices, Phones */ 
    @media (max-width: 479px) {
	#button {
		font-size: 20px !important;
	}
	p.a {
		font-size: 16px !important;
		}
	p.main2 {
		font-size: 16px !important;
		}
    }

    /* Small Devices, Tablets */
    @media (min-width: 480px) and (max-width: 767px) {
	#button {
		font-size: 24px !important;
	}
	p.a {
		font-size: 20px !important;
		}
	p.main2 {
		font-size: 20px !important;
		}
    }

    /* Medium Devices, Desktops */
    @media (min-width : 768px) and (max-width: 1199px){
	#button {
		font-size: 1.2em !important;
	}
	body,td,th {
		font-size: 1.4em;
	}
    }

    /* Large Devices, Wide Screens */
	@media (min-width: 1200px) {
	.tablebody {width: 1200px;}
	#button {
		font-size: 1.2em !important;
	}
	body,td,th {
		font-size: 1.4em;
	}
    }