* {
	box-sizing: border-box;
}
html,
body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: rgb(35,61,73);
}
/*
********************************************************
       BACKGROUND IMAGE FOR SMALL PHONES
	   Turn off fixed and make smaller
********************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
	body {background-attachment: scroll; background-size: 50%;}
}

p strong {
	font-size: 100%;
}
code {
	font-family: "Courier New", Courier, monospace;
}
h1, h2, h3, h4 {
	font-family: Verdana, Geneva, sans-serif;
}

.content {
	flex: 1 0 auto;
	padding: 80px 10% 0 10%;
}
.footer {
	flex-shrink: 0;
	margin-top: 48px;
}
h1 {
	margin: 0px;
}
.blurb-black {
	padding: 20px;
	background-color: #181818;
	color: #FFF;
	border-radius: 5px;
}
.hmy-section h1 {
	font-size: 1.75rem;
}
.hmy-section h2 {
	font-size: 1.75rem;
}
.hmy-section h3 {
	font-size: 1.55rem;
}
.hmy-section h4, .hmy-section h5 {
	font-size: 1.45rem;
}


.hmy-section h4 a {
color: #FFF;
border-bottom: none;
text-decoration: none;
}
.hmy-section h4 a:hover {
border-bottom: 1px solid #FFF;
}

.top-margin-36 {margin-top: 36px;}
.top-margin-24 {margin-top: 24px;}
.top-margin-12 {margin-top: 12px;}
.top-padding-10 {padding-top: 10px;}
.top-padding-20 {padding-top: 20px;}
.top-padding-30 {padding-top: 30px;}

.big {
	font-size: 130%;
}
.bleed {
	opacity: .65;
}

.footer a {
color: #FFF;
border-bottom: none;
text-decoration: none;
}
.footer a:hover {
border-bottom: 1px solid #FFF;
}


/*
*************************************************************************
  RESET HARMONY LINK STYLES TO COMPLETE THE REASSIGNMENT
  COPY LINK RULES BELOW TO HARMONY CSS FILE, REPLACING THE DEFAULTS
  This will auto style all links in paragraphs. For text links outside
  paragraphs, assign the text-link class directly to the link's
  <a> tag: <a class="text-link"...>
*************************************************************************
*/
.p7HMY .hmy-section p a {border-bottom: 1px dotted;}
.p7HMY .hmy-section p a:hover {border-bottom: 1px solid;}
.p7HMY .hmy-section a.text-link {border-bottom: 1px dotted;}
.p7HMY .hmy-section a.text-link:hover {border-bottom: 1px solid;}


/*
************************************************************
OWN STYLES
************************************************************
*/




/*
************************************************************
 SET A HARMONY COLUMN TO STICKY ASSIGN CLASS "STICKY" AS A 
           SECTION USER CLASS IN HARMNONY UI
************************************************************
*/
.sticky .hmy-content {
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
}
/* Turn off Sticky for small screens */
@media only screen and (min-width: 0px) and (max-width: 768px) {
	.sticky .hmy-content {position: static;}
}




@media only screen and (min-width: 0px) and (max-width: 768px) {
	.p7dmm-fixed:before {display: none;}
	.hmy-content-wrapper .hmy-content.hmy-right {text-align: left;}
	 body {font-size: 90%;}
	.p7HMY .hmy-section {flex-basis: 100% !important;}
	.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border: none !important;}
	.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
	
.content {
padding: 32px 10px 0 10px;
}
	
}