body {
	background-image: url('/IMG_3736.JPG'); 
	background-size: cover;
	/*background-repeat: no-repeat;*/
	background-attachment: fixed;
}

p {
	font-size: 32px; 
	border: 2px solid black; 
	padding: 10px;
	background-color: rgba(255,255,255,0.75);
}

p:hover {
	background-color: rgba(255,255,255,0.90);
}

table, th, td {
	border: 5px;
	border-style: inset;
	border-color: #ccc;
	border-collapse: collapse;
	font-size: 24px; 
}

th, td {
	padding: 10 px;
}

table.table1 th {
	text-align: left;
	background-color: rgba(255,255,255,0.75);
}

table.table1 td {
  	background-color: rgba(200,255,200,0.75);
}

table.table2 th {
	text-align: left;
	background-color: rgba(255,255,255,0.75);
}

table.table2 td {
  	background-color: rgba(100,200,255, 0.75);
}

table.table3 th {
	text-align: left;
	background-color: rgba(255,255,255,0.80);
}

table.table3 td {
  	background-color: rgba(200,200,200, 0.65);
}

table.table4 th {
	text-align: left;
	background-color: rgba(252,252,3,0.90);
}

table.table4 td {
  	background-color: rgba(200,200,0, 0.80);
}

tr {
  	background-color: rgba(255,255,255, 0);
	/*opacity: 0.8;*/
}

tr:hover {
	/*background-color: rgba(200,255,200,0.85);*/
	/*opacity: 0.95;*/
	background-color: rgba(255,255,255, 0.6);
}

/* ################## CLASSES ################## */

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 1px 3px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.12)
}

.menu li a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 200%;
	font-style: bold;
}

.menu li a:hover:not(.currentTab) {
	background-color: rgba(200,255,200,0.75);
}

.currentTab {
	background-color: skyblue;
}

.announcement {
	text-align: center; 
	font-size: 200%;"
}

.headerImage {
	width: 40%;
}

.video {
	width: 90%;
	height: 450px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.videoimg {
	width: 75%;
	height: auto;
	border: 2px solid black;
	margin: 1px 1px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.videoimg:hover {
	border: 2px solid Skyblue;
}

div.gallery {
	float: left;
	margin: 1px 1px;
	width: 49%;
	height: auto;
	border: 2px solid black;
	padding: 0.25% 0.25%;
	background-color: rgba(255,255,255,0.85);
	font-size: 100%;
	text-align: center;
}

img.gallery {
	width: 100%;
	height: auto;
}

div.gallery:hover {
	border: 2px solid Skyblue;
	background-color: rgba(255,255,255,0.95);
}

/* !!!!!!!!!!!!!!!!!!!! MEDIA !!!!!!!!!!!!!!!!!!!! */

@media only screen and (max-width: 767px) {
  /* For mobile: */
body {
		background-size: contain;
		background-color: rgba(17, 69, 17);
	}
.menu li a {font-size: 175%;}
.announcement {
	font-size: 150%;"
	}
.headerImage {
	width: 90%;
	}
table, th, td {
	font-size: 100%; 
	}
div.gallery {
	width: 99%;
	}
img.videoimg {
	width: 99%;
	}
}

@media only screen and (max-width: 1024px and min-width: 768px) {
  /* For tablets: */
}
@media only screen and (min-width: 1025px) {
  /* For desktop: */
}