@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


BODY {font-family: arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	background: url(trebleclef.gif);
	background-color: white;
	margin: 5% 20% 5% 20%;}

P, LI {font-family: arial, sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	color: #000000; }

h1 {font-family: 'Poppins', sans-serif;
	font-size: 20pt;
    font-weight: bold; 
	color: #061C4B; }

h2 {font-family: 'Poppins', sans-serif;
	font-size: 16pt;
	font-weight : bold; 
	line-height: 20pt;
	color: #061C4B; }

h3 {font-family: 'Poppins', sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 10pt; }

a {text-decoration: none; }
a:link {color: #006; }
a:visited {color: #006; }
a:hover {color:#06F; }


td {font-family : Arial, Helvetica, sans-serif;
    font-size: 9pt; }

ul {font-family : Arial, Helvetica, sans-serif;
    font-size: 9pt; }

@media only screen and (max-width: 400px) {
  body {
   margin: 5%;
  }
	img {
		width: 100%;
		height: auto;
	}
	#logo {
		width: 50%;
		
	}
P, LI {font-family: arial, sans-serif;
	font-size: 12pt;
        line-height: 18pt; }
}