body {
	font-family: Verdana, Trebuchet, sans-serif;
	/*font-family: 'Courier New', Courier, monospace, sans-serif;*/
	background: #ffffff url("BG.png") repeat;
	font-size: larger;
	padding: 0px; /* reset margins */
	margin: 0px; /* reset margins */
}

#main {
	max-width: 700px; /* set max width of main div on desktop */
	margin-left: auto; /* centering */
	margin-right: auto; /* centering */
	background: #ffffff; 
	padding: 10px;
}

aside, nav, main, footer{
	border-radius: 10px; /* rounded corners */
	background: #c6de9a;
	padding: 6px;
	margin: 10px;
	display: block; /* reset new HTML5 tags to block for compatibility */
}
header {
		/* padding: 6px; */
	margin: 10px 10px 0px 10px;
	display: block;
}

aside {
	min-width: 25%;
	padding: 10px;
}

#flex-container {
	display: flex;
	flex-direction: row;	
	justify-content: center;
}

#banner {
	/* animation: huecycle 10s linear 0s infinite normal; */
	width: 100%; 
}

p img{
	max-width: 100%;
}

@media (max-width: 640px){
	/* #main { */
		/* background: red;  */
	/* } */
	/* img {
		display: none;
	} */
	#banner{
		display: block;
	}
	#flex-container {
		flex-direction: column;
	}
}

h1, h2{
	color: #be0d0d;
	font-size: 48px; 
	font-weight: Normal;
	font-family: "Jersey 10", sans-serif;
	margin-top: 10px;
	/* text-shadow: 2px 2px 4px rgb(19, 33, 22); */
	margin: 0;
	/* animation: huecycle 10s linear 0s infinite normal;  */
}

h2{
	color: #a14e05;
	font-size: 36px; 	
}
footer {
	margin-top: 0px;/*fix flex container interfering with margin collapse*/
}

nav {
	font-size: 22px;
	text-align: center;
	margin-bottom: 0px; /*fix flex container interfering with margin collapse*/
	
	/* vertical-align: middle; */
}

nav ul {
	list-style: square;
	padding-left: 0; 
}

nav li {
	padding-right: 25px; 
	display:inline;  
	color: #58243a;
	font-size: large;
}

nav li a.social_icon img{
	width: 24px;
}

a {
	text-decoration: none; 
	font-weight: bold;
}

 a:link {
	 color: #58243a;
 }
 
em {  
	color: #58243a;
	font-weight: bold;
	font-style: italic;
}

.rightpic {
	float: right;
	margin-left: 15px;
	/* border: 2px solid black; */
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
  }

p, li{ 
	line-height: 1.5;
	font-size: 16px;
}

li {
	margin-bottom: 6px;
}


/* img { */
	/* animation: unblur 1s ease-out 0s 1 normal;  */
	/* name, duration, timing-function, delay,
	 count(can be "infinite" for looping), direction, fill-mode  */
/* } */

/* nav {
	font-size: 22px;
	text-align: center;
	margin-bottom: 0px; 
} */
/* 
nav ul {
	list-style: none;
	padding-left: 0; 
	
}

nav li {
	padding-right: 25px; 
	display: inline;  
	color: #58243a;
} */

section, footer{
	padding: 10px;
}

.unchecked, .checked{
  list-style: none;
  padding: 0;
  margin: 0;
}
.youtube_iframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    /* overflow: hidden; */
}

.youtube_iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.unchecked li, .checked li{
  padding-left: 1rem;
  text-indent: -0.75rem;
}

.unchecked li::before {
  content: '⬜ ';
}

.checked li::before {
  content: '✅ ';
}

p.date {
	font-weight: bold;
	font-style: italic;
}