@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body{
	font-family:Helvetica, Arial, "sans-serif";
	font-size: 20px;
	color:#04211c
}
video, img{
	max-width: 100%;
}
header{
	max-width: 740px;
	margin:0 auto;
	text-align: center;
	padding-top:1em;
	border-bottom:5px solid #04211c;
	font-size: .85em
}
h1, h2, h3 {
  font-family: "rooney-sans";
  }
h2{
	padding-bottom: .5em
}
#Main-Logo{
	max-width: 86px;
}
.small-Logo{
	width: 32px
}
h3{
	font-size: 1.2em;
	padding-bottom: 1.3em
}
.courseImage{
	text-align: center;
	padding:1em;
}
.courseImage img{
	max-width: 100%
}
.titleParts{
	font-size:.66em
}
.topnav2{
	padding-top:.25em;
	max-width: 900px;
	margin:0 auto;
}
.topnav2 ul{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color:#fff
}
.topnav2 ul li{
	list-style-type: none;
	padding-left: 1em; padding-right: 1em;
	
}
.topnav2 ul li a{
	font-weight: bold;
	color:#04211c;
	text-decoration: none
}
.topnav2 ul li a:hover{
	text-decoration:underline
}
.topnav2 ul{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color:#fff
}
.topnav ul li{
	list-style-type: none;
	padding-left: .3em; padding-right: .3em;
	
}
.topnav ul li a{
	font-weight: bold;
	color:#04211c;
	text-decoration: none
}
.topnav ul li a:hover{
	text-decoration:underline
}
.mainCont{
	text-align: center;
	padding-top:1em;
	max-width: 100%
}
.mainCont img{
	max-width: 100%
}
footer{
	margin-top:1em;
	font-size: .8em
}

#mmc{
	font-size: .65em;
	margin-top: 1em
}
.piccaps{
	font-size: .8em
}
.content1{
	max-width: 1280px;
	margin:0 auto;
	padding:0 .5em
}
.desc, .cpic{
	max-width: 500px
}
.cpic img{
	max-width: 100%
}
.cpic a img:hover{
	box-shadow: 0 0 6px #04211c
}
.desc{
	padding-right: .6em;
	padding-top: .5em
}
.corpID img{
	max-width: 100%
}
.corpID p{
	padding:.25em
}
.indent{
	margin-left:2em
}
.vidTitle{
	font-size: 1em;
	padding-bottom: .33em
}
.thumbox{
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	max-width: 1280px;
	flex-wrap: wrap
}
.thumb{
	min-width: 300px
	
}
.ratio-1{
	max-width: 1280px
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*     my utilities     */
.b{
	font-weight: bold
}
.block{
	display:block
}
.pad{
	padding:1em
}
.pad2{
	padding:.5em
}
.pad3{
	padding: 1em 1em 0 
}
.pad-ends{
	padding: 0 1em
}
.padBot{
	padding-bottom: 1em;
}
.padBot2{
	padding-bottom: .5em;
}
.pad-top2{
	padding-top: .5em
}
.pad-top{
	padding-top: 1em
}
.centerText{
	text-align: center
}
.leftext{
	text-align: left
}
.flex2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 auto;
}
.flex1{
	display: flex;
}
.flex3{
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;	
}
.flex4{
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: center
}
.col2{
	align-content: center;
	flex-wrap: wrap
}
.flexCenter{
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	align-items:flex-start;
	max-width: 1000px
}
.doubleCol{
	max-width:1000px
}
.oneTwenty{
	max-width: 120px
}
.twoFiftySix{
	max-width: 256px
}
.threehundred{
	max-width: 300px
}
.threetwenty{
	max-width: 320px
}
.threeForty{
	max-width: 340px
}
.four20{
	max-width: 420px
}
.fiveHund{
	max-width: 560px
}
.sixforty{
	max-width: 640px
}
.sevenFortyW{
	max-width: 740px
}
.eightWide{
	max-width:800px
}
.tenWide{
	max-width:1000px
}
.alignMid{
	margin: 0 auto
}
.margLeft{
	margin-left: 1em
}
.citation{
	font-size: .7em;
	font-weight: bold
}

.kb1{
	border: 1px solid #000;
	max-width: 600px
}
.kb2{
	border: 1px solid #000;
}
.r{
	color:red
}
.smallFont{
	font-size: .7em
}
.i{
	font-style: italic
}
.diaOL{
	list-style-position: inside;
}
.diagram-1{
	list-style-type: upper-alpha
}
/*  modules   */

.coVids{
	display: flex;
	margin:1em auto;
	justify-content: center
}
.corpID{
	max-width: 360px;
	margin:.5em auto;
	padding-top:.4em;
	text-align: center;
}
.listedinfo{
	font-size: 1em;
	font-style: italic;
	margin-left: 1em;
	display: block
}
.windowpanels{
	display: flex;
	justify-content: space-around;
	max-width: 1920px;
	flex-flow: row wrap;
	
}

/*     end utilities     */

@media (max-width: 420px){
	.topnav{
		font-size: 1.5em
	}
	.topnav ul{
		flex-direction: column
	}
	.topnav ul li{
		padding-bottom: 1em;
		padding-top:.25em
	}
	.vidTitle{
		text-align: center
	}
}

@media (max-width: 995px){
	.coVids{
		flex-direction: column;
		max-width: 520px
	}
	.desc p, .desc ul{
		padding-bottom: .5em;
		padding-left: .5em
	}
}

@media (max-width: 945px){
	.flexCenter{
		align-content: center;
		flex-wrap: wrap;
		max-width:530px
	}

}