body {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	}


/*  MAIN COLUMN STYLING  */

#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
}

h1, p, a {
font-family: 'Crimson Pro', serif;
text-align:left;
}

h1 {font-size:4em;color:#999999;}

h2 {
margin-top:40px;
margin-bottom:-5px;
font-family:arial,sans-serif;
color:#000000;
}

p {font-size:1.5em;
color:#666666;
}

a {
font-size:1em;
text-decoration:underline;
color:#000000;
}

/*  FOR EMAIL LINKS IN BODY TEXT  */
p a {
font-family: 'Crimson Pro', serif;
font-size:1em;
text-decoration:underline;
color:#037bfc;
}

hr {color:#666666;}

#navbar {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
position:fixed;
top:0;
z-index:5;
width:100%;
height:72px;
border-bottom:1px solid gray;
background-color:white;
}

#navbar > a {
flex-basis:64px;
display:block;
height:70px;
float:left;
text-decoration:none;
margin:auto;
text-align:center;
}
 
.navtext {
font-family:arial,sans-serif;
font-size:75%;
font-weight:bold;
color:#333333;
}

#videocontainer {
text-align:center;
}

/*MEDIA QUERY*/
/* all screens bigger than a smartphone */
@media only screen 
  and (min-width: 641px) {

#wrapper {
	width:65%;
	}

}

/*MEDIA QUERY*/
/* smartphone-sized screens */
@media only screen 
  and (max-width: 640px) {

#wrapper {
	width:95%;
	max-width:305px;
	}

p {font-size:1em;}

a {
font-size:1em;
text-decoration:underline;
}

}