body, h1, h2, h3, h4, h5, p {
	margin: 0px;
	background-color: #000000;
	color: #ffffff;
}

.mar0 {
	margin: 0px;
}

.marBot5 {
	margin-bottom: 5px;
}

.marBot10 {
	margin-bottom: 10px;
}

.marBot15 {
	margin-bottom: 15px;
}

.marBot20 {
	margin-bottom: 20px;
}

.marBot30 {
	margin-bottom: 30px;
}

.marBot40 {
	margin-bottom: 40px;
}

.marBot50 {
	margin-bottom: 50px;
}

.marBot80 {
	margin-bottom: 80px;
}

.marBot100 {
	margin-bottom: 100px;
}

.marBot150 {
	margin-bottom: 150px;
}

.marBot200 {
	margin-bottom: 200px;
}

.marBot500 {
	margin-bottom: 500px;
}

.marRight20 {
	margin-right: 20px;
}

.marRight50 {
	margin-right: 50px;
}

.marTop20 {
	margin-top: 20px;
}

.pad0 {
	padding: 0px;
}

.padTop50 {
	padding-top: 50px;
}

.padTop100 {
	padding-top: 100px;
}

.padTop200 {
	padding-top: 200px;
}

.padBot20 {
	padding-bottom: 20px;
}

.padBot50 {
	padding-bottom: 50px;
}

.padBot100 {
	padding-bottom: 100px;
}

.padBot200 {
	padding-bottom: 200px;
}

.padLeft100 {
	padding-left: 100px;
}

.padRight100 {
	padding-right: 100px;
}

.pad150 {
	padding: 150px;
}

.pad20 {
	padding: 20px;
}

.pad40 {
	padding: 40px;
}

/* palette */

.lpteal {
	color: #006778;
}

/* header */
#headerlogo {
	display: block;
	width: 88px;
}

/* nav */
.topnav {
  overflow: hidden;
  background-color: #000000;
  position: relative;
  padding: 20px;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: #ffffff;
  text-decoration: none;
  font-size: 24px;
  display: block;
  margin-right: 30px;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  font-size: 36px;
  right: 0;
  top: 36px;
}

.topnav a:hover {
  background-color: #000000;
  color: #ffffff;
}

.active {
  background-color: #000000;
  color: #ffffff;
}

#myLinks {
	display: block;
	float: left;
	padding-top: 30px;
	padding-bottom: 00px;
}

a.navlink {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.navlinksub {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

div.sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 1000;
}

/* hero */
.hero-bg {
	background-image: url(../img/djjournee-hero.jpg);
}

.heroflood {
	background-color: #006778;
}

video {
	margin: 0px;
	padding: 0px !important;
}

#hero {
	color: #ffffff;
	padding: 0px !important;
}

.heroIMG {
	width: 100%;
}

.herotxtblock {
	padding: ;
}

a.heroCTA {
	display: block;
	float: left;
	padding: 20px;
	text-decoration: none;
	color: #006778;
	background-color: #ffffff;
	font-size: 18px;
	font-weight: 800;
}

a.heroCTA:hover {
	color: #ffffff;
	background-color: #006778;
	border: 3px solid #ffffff;
}

/* col content */
.overlap {
	padding: 50px;
	margin-top: -80px;
	width: ;
	background: #000000;
}


.bodyflood {
	background-color: #cccccc;
}

.colHeroIMG {
	width: 100%;
}

.ytembedbody {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.5%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hpimgflood {
	color: #fff;
	background-image: url("../img/hpimgflood.jpg");
	background-size: cover;
}

.ribbon {
	color: #ffffff;
}

.footerlogos {
	display: block;
	float: left;
	height: 50px;
	margin-right: 25px;
}

a.bodyCTA {
	display: block;
	float: left;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
	background-color: #006778;
	font-size: 18px;
	font-weight: 800;
}

a.bodyCTA:hover {
	color: #006778;
	background-color: #ffffff;
	border: 3px solid #006778;
}

.footernav a {
	  color: #000000;
	  text-decoration: none;
	  font-size: 44px;
}

.footernav a.icon {

}

.footerflood {
	background-color: #000000;
	color: #ffffff;
}

a.footerlink  {
	color: #ffffff;
	text-decoration: none;
}

/* forms */
.formtable {
	width: 100%;
}

td.formlabel {
	text-align: left;
}

.textform {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
}

td.radioholder {
	padding: 10px 10px 10px 10px;
	width: 10%;
}

td.radiolabel {
	text-align: left;
	padding: 10px;
	width: ;
}

button.CTAbody {
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
	background-color: #006778;
	border: 1px solid #006778;
	font-size: 18px;
	font-weight: 800;
	width: 100%;
}