@font-face	{
	font-family: Qarmic;
	src: url('https://www.noteburra.com/Qarmic_sans_Abridged.ttf');
	}
@font-face {
	font-family: SourceSansPro;
		src: url('https://www.noteburra.com/SourceSansPro-Regular.otf');
	}
html {
	height: 100%;
	}
body {
	height: 95%;
	background-image: url('https://www.hastingsriverbrass.noteburra.com/brass_band_hrb.jpg');
	background-size: cover;
	font-family: SourceSansPro;
	}	
.imageleft	{
	float: left;
	max-width: 50%;
	padding: 2px;
	}
.imageright {
	float: right;
	max-width: 50%;
	padding: 2px;
	}
a.mitem {text-decoration: none;
		font-family: Qarmic;
	 }
a.mitem:link {color: black;}
a.mitem:visited {color: black;}   
a.mitem:hover {color: grey;}   
a.mitem:active {color: black;} 
.header {font-size: 150%;}
.menus {
	vertical-align:  bottom;
	}
h1 {font-family: Qarmic;
			font-size: 120%;
			}
h2 {
	font-size: 120%}
.textarea {
	clear:both;
	background-color: white;
	opacity: 0.9;
	margin-left:5%;
	margin-right:5%;
	mar
}
th {font-family: Qarmic;}
.morespace {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3%;
	padding-left: 3%;
	}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrapper {
	padding: 5px;
	float: right;
	width: 50%;
}
hr	{clear:both;}

.cell {width:300px;
		border:solid;
		text-align: center;
		vertical-align: top;
		}
.divtable {display: grid;
				grid-gap: 2px;
				grid-template-columns: auto auto;
				justify-content: center;
				clear:both; 
				min-height:70%; 
				margin-left:auto; 
				margin-right:auto;}
@media only screen and (max-width: 600px) 
	{.divtable
		{grid-template-columns: 300px;
		}
	}
.musiccell {
		border:solid;
		text-align: center;
		vertical-align: center;
		}
.musictable {display: grid;
				grid-gap: 2px;
				grid-template-columns: 50% 50%;
				clear:both; 
				}
@media only screen and (max-width: 700px) 
	{.musictable
		{grid-template-columns: auto;
		}
	}