body {
    /*background: url(images/codeonimagebrainnote.jpg);
	background-repeat:no-repeat;
	background-position:right top;*/

    font-size:14px;
	font-style:normal;
	font-weight:normal;
	/*font-family:Arial,Helvetica,san-serif;*/
    /*font-family: 'Titillium Web', sans-serif;*/
    font-family: 'Open Sans','Raleway', sans-serif;
	text-decoration:none;
	/*font-size:14px;*/
	color: #000000;
	/*text-shadow: 0px 1px 3px #74BBFB;*/
}


/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: white;
}
/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: blue;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
}
/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: orange;
}

img {
    max-width: 100%;
    height: auto;
}

img.smallimage {
    max-width: none;
}


H2 {
		background-position:center;
		color:#505050;
		font-style:normal;
		font-weight:normal;
/*        font-family:Arial,Helvetica,sans-serif;*/
        font-family: 'Open Sans', 'Raleway',sans-serif;
		text-decoration:none;
		font-size:16px;
/*        text-shadow: 1px 1px 1px #ccc;*/
/*        box-shadow: 0 0 1px 1px #ccc;*/
}
H3 {
		background-position:center;
		color:#505050;
		font-style:normal;
		font-weight:normal;
/*        font-family:Arial,Helvetica,sans-serif;*/
        font-family: 'Open Sans','Raleway', sans-serif;
		text-decoration:none;
		font-size:14px;
/*        text-shadow: 1px 1px 1px #ccc;*/
/*           box-shadow: 0 0 1px 1px #ccc;*/
}



/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .topnav a {
        float: none;
        width: 100%;
    }
}


audio {
    width: 300px;
    height: 30px;
}