*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

a, a:visited{
	color: #ffffff;
	text-decoration: none;
}

body,html{
	/*height: 100%;*/
}
body {
	background: #D0D0D0; 
	font-family: Arial, Helvetica, sans-serif;
}

table {
  border: 2px solid blueviolet;
  border-collapse: collapse;
}
body {
  display: flex;
  justify-content: center;
  margin-top: 0px;
  color: #37559d;
}

br {
  display: block;
  margin-bottom: 10px;
  line-height: 15px;
}

hr {
  border: none;
  height: 3px;
  /* Set the hr color */
  color: #000050;  /* old IE */
  background-color: #000050;  /* Modern Browsers */
}

.tableRow {
	position: relative;
	display: grid;
	text-decoration: none;
	color: inherit;
	place-items: center;
	border-bottom: none;
	padding: 0px 0px 8px 0px;

  &:hover,
  &:focus {
    outline: none;
  }

  &:last-child {
    border-bottom: 2px
  }

  & a:not(.tableRowLink) {
    position: relative;
    z-index: 1;
  }
}

.tableCompany {
  background-color: #ffffff;
}

.tableCell-companyLogo {
	width: 370px;
	border-radius: 0px;
	background-color: #000050;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-company_Strapline {
	width: 350px;
	color: #000050;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listen {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-companyWebsite {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-companyAdvertise {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-companyLinkedIn {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-companyYouTube {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}


.tableOR {
  background-color: #259bd9;
}

.tableCell-logoOR {
	width: 370px;
	border-radius: 0px;
	background-color: #000050;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-strapOR {
	width: 350px;
	color: #000050;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listenOR {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-websiteOR {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-facebookOR {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-instagramOR {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}


.tableOG {
  background-color: #005000;
}

.tableCell-logoOG {
	width: 370px;
	border-radius: 0px;
	background-color: #CFB53B;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-strapOG {
	width: 350px;
	color: #CFB53B;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listenOG {
	width: 350px;
	border-radius: 15px;
	background-color: #CFB53B;
	padding: 12px;
	color: #4D040F;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-websiteOG {
	width: 350px;
	border-radius: 15px;
	background-color: #CFB53B;
	padding: 12px;
	color: #4D040F;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-facebookOG {
	width: 350px;
	border-radius: 15px;
	background-color: #CFB53B;
	padding: 12px;
	color: #4D040F;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-instagramOG {
	width: 350px;
	border-radius: 15px;
	background-color: #CFB53B;
	padding: 12px;
	color: #4D040F;

  &:last-of-type {
    border-right: none;
  }
}


.tableOX {
  background-color: #C0C0FF;
}

.tableCell-logoOX {
	width: 370px;
	border-radius: 0px;
	background-color: #000050;
	padding: 6px 6px 3px 6px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-strapOX {
	width: 350px;
	color: #000050;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listenOX {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-websiteOX {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-facebookOX {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-instagramOX {
	width: 350px;
	border-radius: 15px;
	background-color: #000050;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}


.tableOD {
  background-color: #FCC42F;
}

.tableCell-logoOD {
	width: 370px;
	border-radius: 0px;
	background-color: #360244;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-strapOD {
	width: 350px;
	color: #360244;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listenOD {
	width: 350px;
	border-radius: 15px;
	background-color: #360244;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-websiteOD {
	width: 350px;
	border-radius: 15px;
	background-color: #360244;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-facebookOD {
	width: 350px;
	border-radius: 15px;
	background-color: #360244;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-instagramOD {
	width: 350px;
	border-radius: 15px;
	background-color: #360244;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}


.tableOC {
  background-color: #CFB53B;
}

.tableCell-logoOC {
	width: 370px;
	border-radius: 0px;
	background-color: #4D040F;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-strapOC {
	width: 350px;
	color: #4D040F;
	font-weight: bold;
	padding: 12px;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-listenOC {
	width: 350px;
	border-radius: 15px;
	background-color: #4D040F;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-websiteOC {
	width: 350px;
	border-radius: 15px;
	background-color: #4D040F;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-facebookOC {
	width: 350px;
	border-radius: 15px;
	background-color: #4D040F;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}

.tableCell-instagramOC {
	width: 350px;
	border-radius: 15px;
	background-color: #4D040F;
	padding: 12px;
	color: #ffffff;

  &:last-of-type {
    border-right: none;
  }
}


.tableRowLink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
  bottom: 0;
}


.icon {
	width: 20%;
	height: 20%;
	padding: 0px 20px 0px 0px;
}
.text {
	width: 80%;
}