.content-2nd, .content-3rd
{
		border-width: 0px;
		border-style:none;
		margin:0em auto;
		margin-bottom:0px;
		max-width: 70em;
      max-height: calc(100vh - 4em);
      overflow-y: auto;
		font-family: 'Source Sans Pro', sans-serif;
		font-style:normal;
		background-color:white;
		position:relative;
}

.content-2nd p, .content-3rd p {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
	margin: 0.5em 1em;
	text-indent: 0px;
	color:black;
	font-weight:300;
	text-indent: 0px;
	font-size:normal;		
}


.content-2nd h1, .content-3rd h1 {
	font-family: 'Source Sans Pro', sans-serif;	
	text-align: center;
	padding: 1em;
	margin: 1em 2em;
	font-weight:700;
	font-size:40px;
	text-indent: 0em; 
}

.content-2nd h1 {
	color: white;
	background-color:#C00000;
}

.content-3rd h1 {
	background-color: #b20c03;
	color:white;
}

.content-2nd h2, .content-3rd h2 {
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:130%;
	text-align: left;
	padding: 0em 0em 0em 1em;
	font-weight:500;
	color: #C00000;
	letter-spacing:1px;
}
.content-2nd h2 a, .content-3rd h2 a {
	color: #cc3333;
}

.content-2nd h2 a:hover, .content-3rd h2 a:hover {
	color: black; 
	text-decoration: underline;
}

.content-2nd ul li, .content-3rd ul li {
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;	
	padding: 0em 0em 0em 0.5em;
	margin: 0em 0em 0em 2em;
	font-weight:300;
	font-size:normal;
}

.c-m-bars {
	width:100%;
	display:flex;
	position:relative;		
	height:auto;
	flex-direction: row-reverse;
	flex-wrap: wrap;	
	justify-content: flex-end;
}

article {
   padding-bottom: 1.5em;
}

.c-m-m {
	display:block;	
	min-width:15em;
	height:100%;
}
.c-m-m a:link, .c-m-m a:visited { color: black; }
.c-m-m a:hover { color: black; text-decoration: underline; }

main {
	width:100%;
	height:auto;	
	min-width:15em;
	position:flex;
	border-bottom-color:#C00000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}


@media (min-width: 50em) {
	.c-m-bars {
		flex-wrap: nowrap;	
	}
	.c-m-m {min-width:15em;}
	.c-m-m  h2, .c-m-m  ul li, .c-m-m h2 a 
	 {
		font-size:small;		
	}
	.c-m-bars main {
		border-left-color:#C00000;
		border-left-style:solid;
		border-left-width:1px;
		border-bottom:none;
	}
}


.C4boxes {
	display:flex;
	position:relative;
	width:90%;
	margin:0em;
	flex-direction: row;
	flex-wrap: wrap;	
	justify-content:space-around;
}

.LinkBoxSpan {
	font-size:26px;	
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	font-weight:400;
	color:red;	
}


/* Float Shadow */
.LinkBox{
	display: table;
	vertical-align: middle;
	width: 13em;
	height: 5em;
	margin: 1.5em;
	background-color:white;  
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
    border-radius: 8px; 	
}
.LinkBox:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 1, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.LinkBox:hover, .LinkBox:focus, .LinkBox:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
  color: red;
}
.LinkBox:hover:before, .LinkBox:focus:before, .LinkBox:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.c-m-m a.current {
	background-position:left;	
	background-size: 0.5em 2em;
	background-repeat:no-repeat;
	padding-left:1em;
	background-image:url('../css/right_arrow.png');	
	color: #b20c03 !important; 
	border-bottom-color:#C00000;;
	border-bottom-width:2px;
	border-bottom-style:solid;
}		


.c-m-m ul li {
	list-style:none;
	border-bottom-color:#D0D0D0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-left:2px;
	text-indent:0px;
	margin:0.3em 0.3em;
}

.ShiftUP {
    vertical-align:40%;
}

article img {
   margin: 1em;
   max-width: min(50em, calc(100% - 2em));
}