html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	overflow-y: scroll;
}

body {
  margin: 0px;
  padding: 0px;
/*   font-family: Helvetica, Arial, sans-serif; */
  font-family: Verdana, Geneva, sans-serif;
  font-kerning: normal;
  background-color: #1a1a1a; /*#333333;*/
}

img.imageScale {
    width:100%;
    height:auto;
    margin: 0px;
    padding: 0px;
}

a {
	margin: 0px;
    padding: 0px;

 	font-weight: 900;
/*     text-decoration: none; */
    text-decoration: underline;
    color: #0F283E; /*#1a1a1a;*/
}

a:hover {
	margin: 0px;
    padding: 0px;

    text-decoration: underline;
    color: #296BA4;
}


a.linkColor:hover {
	color: #ffe747;
}
 


.linkColor {
	color: #008CFF;
/* 	#ffe747; */
}


.privacy {
	padding: 20px;
	margin: 0px;
	background-color: #f2f2f2;
}

.logoBar {
	max-width: 100%;
	height: 80px;
	width: 1200px;
	margin: 0 auto;
/*
	background-color: #4d4d4d;
	border-bottom:2px black solid;
 */
}

.logoBarBack {
	height:80px;
	width:100%;
	margin: 0px;
	background-color: #4d4d4d;
	border-bottom:2px black solid;
/* 	border-top:2px black solid;	 */
}

.logoBar img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}


.footerBar {
	max-width: 100%;
	height: 100px;
/* 	height: 50px; */
	line-height: 30px;
	width: 1200px;
	margin: 0 auto;
	color: #f2f2f2;
	text-align: center;
	padding: 30px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	background-color: #1a1a1a;

/*
	background-color: #4d4d4d;
	border-bottom:2px black solid;
 */
}

.footerBarBack {
/* 	height: 200px; */
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
	height: 100px;
	margin: 0px;
	background-color: #1a1a1a;
/* 	z-index: -1; */
/*
	position: fixed;
	bottom: -50px;
	left: 0px;
	z-index: 1;
 */
/* 	border-bottom:2px black solid; */
/* 	border-top:2px black solid;	 */
}

.topnav {
  overflow: hidden;
  background-color: #1a1a1a;
  width: 1200px;
  margin: 0 auto;


/*   border-bottom:2px black solid;	 */
}

.topnavBack {
	overflow: hidden;
	background-color: #1a1a1a;
	width: 100%;
	margin: 0px;

	position: fixed;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	z-index: 1;
/* 	border-bottom: 2px black solid;	 */
}

.topnav a {
  float: left;
  display: block-inline;
  color: #f2f2f2;
  text-align: center;
  margin: 0px;
  height: 66px;
  line-height: 72px;
  padding: 0px 12px 0px 12px;
/*   padding: 12px 12px 9px 12px; */
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
}

.topnav .active {
/* 	color: #999999; */
	color: #f6ce46;
}

.topnav img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.topnav a:hover {
/*   background-color: #bcc0c5; */
/* 	text-decoration: underline;	 */
	line-height: 68px;
	font-weight: 500;
/* 	color: #999999; */
	color: #f6ce46;
}

.topnav .icon {
  display: none;
}

.topnav .logo {
  display: none;
}

.topnav a.social0 {
  padding: 6px 5px 0px 10px;
  float:left;
}

.topnav a.social1 {
  padding: 6px 9px 0px 5px;
  float:right;
}

.topnav a.social2 {
  padding: 6px 4px 0px 6px;
  float:right;
}

.topnav a.social3 {
  padding: 6px 6px 0px 6px;
  float:right;
}

.topnav a.social4 {
  padding: 6px 0px 0px 6px;
  float:right;
}

.mainContainerBack {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px;
/* 	position: absolute; */
	width: 100%;
/* 	height: auto; */
	background-color: #1a1a1a;
/* 	z-index: -1; */
}

.mainContainer {
	overflow: hidden;
	position: relative;
	width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background-color: #1a1a1a;
}

.zeroFont {
	font-size: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


.headerBar {
	float: left;
	max-width: 100%;
	height: 96px;
	line-height: 50px;
	width: 1200px;
/* 	margin: 0 auto; */
	color: #f2f2f2;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	background-color: #333333;
}

.headerBarBack {
	padding: 0px 0px 0px 0px;

	width: 100%;
	height: 120px;
	margin: 0px;
	background-color: #333333;
}

.headerBarLogo {
	float: left;
}


.headerBarLeft {
	float: left;
/*
	width: 100%;
	height: 96px;
 */
}


.headerBarRight {
	float: right;
}


.headerBar2 {
	float: left;
	max-width: 100%;
	height: 96px;
	line-height: 50px;
	width: 1200px;
/* 	margin: 0 auto; */
	color: #f2f2f2;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	background-color: #333333;
}

.headerBarBack2 {
	padding: 0px 0px 0px 0px;

	width: 100%;
	height: 120px;
	margin: 0px;
	background-color: #333333;
}

.header_apple_icon {
	display: block;
	margin: 20px 0px 20px 0px;
	margin-left: auto;
	margin-right: auto;
/*   width: 10%; */

/*
	position: relative;
	margin: 10px 10px 10px 0px;
 */
/* 	right: calc(50% - 68px) */
/* 	float: right; */
	width: 136px;
	height: 46px;


	background-image: url("images/apple_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.header_apple_icon2 {
	display: block;
	margin: 20px 0px 20px 0px;
	margin-left: auto;
	margin-right: auto;
/*   width: 10%; */

/*
	position: relative;
	margin: 10px 10px 10px 0px;
 */
/* 	right: calc(50% - 68px) */
/* 	float: right; */
	width: 136px;
	height: 46px;

	background-color: #555555;
	background-image: url("images/apple_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.pageContainer {
	overflow: hidden;

/*
	display: inline-block;

	float: left;
	width: calc(25% - 4px);
	height: auto;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
    position: relative;
    border: 2px black solid;
 */

/*     border-radius: 16px; */

	display: inline-grid;
/* 	grid-column: span 2; */
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;

/* 	grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); */
	grid-auto-flow: dense;
	padding: 0px;
	margin: 0px;
	background-color: #1a1a1a;

/* 	border: 2px black solid; */
}


.button {
	display:inline-block;
	position: relative;
/* 	padding: 0px; */
	border: none;
	color: white;
	padding: 12px 16px;
	text-align: center;
	text-decoration: bold;
	font-size: 16px;
	margin: 4px 4px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 20px;
	width: 150px;
}

.button1 {background-color: #67b774;} /* Green 67b774 04AA6D*/
.button2 {background-color: #fa5c5c;}


.mediaContainer {
	overflow: hidden;
	float: center;
	width: 75vw;
	height: 42vw;

/* 	height: auto; */
	display: block;

/* 	display: inline-grid; */

/*
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-auto-flow: dense;
 */


	background-color: #1a1a1a;
	padding: 0px;
	margin: 0px;
    position: relative;
}



.gameContainer {
	overflow: hidden;
/* 	display: inline-block; */

	float: left;
	width: 100%;
/*
	width: calc(25% - 4px);
	height: auto;
 */

	background-color: #1a1a1a;
	padding: 0px;
	margin: 0px;
    position: relative;
/*     border: 2px black solid; */


/*     border-radius: 16px; */

/*
	display: grid;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
	grid-auto-flow: dense;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
 */
/* 	border: 2px black solid; */
}

.gameContainer a img:hover {
/* 	grid-column: span 2; */
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.textContainer {
	overflow: hidden;
/* 	display: inline-block; */
	float: left;
	width: 100%;
/*
	width: calc(25% - 4px);
	width: calc(33.333333% - 4px);
 */
/* 	height: auto; */

	background-color: #f2f2f2;
	padding: 0px 0px 0px 0px;
	margin: 0px;
    position: relative;
/*     border: 2px black solid;	 */
/*     border-radius: 16px; */
}

.textContainer a img:hover {
	animation: shake 0.5s;
	animation-iteration-count: 4;
}

.colorWhite {
	color: #f2f2f2;
}

.colorBlack {
	color: #000000; /*  #1a1a1a; */
}




.color1 {
	background-color: #fd3900;
}

.color2 {
	background-color: #0188fc;
}

.color3 {
	background-color: #f4a127;
}

.color4 {
/* 	background-color: #429CF7; */
	background-color: #5EC0ED;
}

.color5 {
	background-color: #ff4d4d;
}

.color6 {
	background-color: #0188fc;
}

.color7 {
/* 	background-color: #7597c7; */
	background-color: #fcb800;
}

.color8 {
	background-color: #000000; /*  #1a1a1a; */
}

.color9 {
	background-color: #ffffff; /*  #1a1a1a; */
}


.textTitleBack {
	overflow: hidden;
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
	height: 20%;
	background-color: #f2f2f2;
}

.textTitle {
	overflow: hidden;
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	top: 8%;
	width: 100%;
	height: 92%;
/* 	height:auto; */
	text-align: center;
	text-decoration: none;
/*
	font-size: 24px;
 */
/* 	font-size: 2.25vw; */
	font-size: 26px;
	font-weight: 900;
	letter-spacing: -0.02em
}


.textTitleBottom {
	overflow: hidden;
	position: absolute;
	opacity: 0.5;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	bottom: 0px;
	width: 100%;
	height: 15%;
	
	text-align: center;
	text-decoration: none;

	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -0.02em;
	background-color: #000000;
	color: white;
}


.textTitleBottomWhite {
	overflow: hidden;
	position: absolute;
	opacity: 0.5;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	bottom: 0px;
	width: 100%;
	height: 15%;
	
	text-align: center;
	text-decoration: none;
	
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -0.02em;
	background-color: #ffffff;
	color: black;
}

.textTitleOver {
/* 	overflow: hidden; */
	position: absolute;
	opacity: 1.0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	width: 100%;
	height: 13%;
	
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 1px #000000;
	
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 1.8rem;
	color: white;
}

.textTitleOverBlack {
/* 	overflow: hidden; */
	position: absolute;
	opacity: 1.0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	width: 100%;
	height: 13%;
	
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 1px #ffffff;
	
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 1.8rem;
	color: black;
}

.textBodyCenter {
	overflow: hidden;
	position: absolute;
	padding: 0% 5% 0% 5%;
	margin: 0px 0px 0px 0px;
	top: 15%;
	left: 0px;
	width: 90%;
	height: 70%;
/* 	height:auto; */
	text-align: center;
	text-decoration: none;
/* 	font-size: 16px; */
/* 	font-size: 1.5vw; */
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3em;
/* 	color: #ffffff; */
}

.textBodyContact {
	overflow: hidden;
	position:absolute;
	padding: 0% 10% 0% 10%;
	margin: 0px 0px 0px 0px;
	/* top: 25%; */
	top: 15%;
	left: 0px;
	width: 80%;
	height: 70%;
/* 	height:auto; */
	text-align: left;
	text-decoration: none;
/* 	font-size: 16px; */
/* 	font-size: 1.5vw; */
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3em;
/* 	color: #ffffff; */
}

.textBodyLeft {
	overflow: hidden;
	position:absolute;
	padding: 0% 10% 0% 10%;
	margin: 0px 0px 0px 0px;
	top: 15%;
	left: 0px;
	width: 80%;
	height: 70%;
/* 	height:auto; */
	text-align: left;
	text-decoration: none;
/* 	font-size: 16px; */
/* 	font-size: 1.5vw; */
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3em;
/* 	color: #ffffff; */
}

.textBodyText {
	overflow: hidden;
	position:absolute;
	padding: 0% 5% 0% 5%;
	margin: 0px 0px 0px 0px;
	top: 25%;
	left: 0px;
	width: 90%;
	height: 75%;
/* 	height:auto; */
	text-align: left;
	text-decoration: none;
/* 	font-size: 16px; */
/* 	font-size: 1.5vw; */
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3em;
/* 	color: #ffffff; */
}


.float_center {
  float: right;

  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float_center > .child {
  position: relative;
  left: 50%;
}
 */

.comicsContainer {
	overflow:hidden;
	display:inline-block;
	float:left;
	width:calc(100% - 4px);
	height:auto;
	background-color:#4d4d4d;
	padding: 0px;
	margin: 0px;
    position: relative;
    border:2px black solid;
}

.comics {
	display:inline-block;
	height:30px;
	line-height:30px;
	width:100%;
	margin: 0px;
	color: #f2f2f2;
	text-align: center;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 17px;
	background-color:#333333;
}

.apple_icon {
	position: absolute;
	top: 82%;
	left: 30%;
	width: 40%;
	height: 40%;

	background-image: url("images/apple_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.game_icon {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 12%;
	height: 12%;

	background-image: url("images/game_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.music_icon {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 12%;
	height: 12%;

	background-image: url("images/music_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.music_low_icon {
	position: absolute;
	top: 84%;
	left: 1%;
	width: 12%;
	height: 12%;

	background-image: url("images/music_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.review_icon {
	position: absolute;
	top: 84%;
	left: 85%;
	width: 15%;
	height: 15%;

	background-image: url("images/review_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.song_header {
	position: relative;
	display:block;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 35px;
/* 	background-color: #1a1a1a; */
	padding: 0px 0px 0px 18px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #f2f2f2;
	font-family: sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 35px;
	text-align: left;
	color: #000000
}


.song {
	position: relative;
	display:block;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 35px;
/* 	background-color: #1a1a1a; */

	border-bottom: 2px solid #000000;
	background-color: #f2f2f2;
	font-family: sans-serif;
	font-weight: 900;
	font-size: 15px;
	line-height: 35px;
	text-align: left;
	color: #606060
}

.play_pause {
	position: absolute;
	top: 0%;
	left: 10px;
	width: 35px;
	height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.play_stop {
	position: absolute;
	top: 0%;
	left: 50px;
	width: 35px;
	height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.song_text {
	position: relative;
	top: 0%;
	left: 90px;
	width: 100%;
	height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	font-family: sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 35px;
	text-align: left;
	color: #606060
}

.synth_icon {
	position: absolute;
	top: 0%;
	left: 0.5%;
	width: 15%;
	height: 15%;

	background-image: url("images/synth_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.ipad_icon {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 12%;
	height: 12%;

	background-image: url("images/iPad_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.download_icon {
	position: absolute;
	bottom: 12%;
	left: calc(62% - 25px);


	width: 50px;
	height: 50px;

	background-image: url("images/download_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;

	color: #f2f2f2
}


.link_icon {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 10%;
	height: 10%;

	background-image: url("images/link_badge.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.coming_soon_icon {
	position: absolute;
	top: 82%;
	left: 30%;
	width: 40%;
	height: 40%;

	background-image: url("images/coming_soon_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.more_info_icon {
	position: absolute;
	top: 82%;
	left: 30%;
	width: 40%;
	height: 40%;

	background-image: url("images/more_info_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.more_info_icon2 {
	position: absolute;
	top: 83%;
	left: 30%;
	width: 40%;
	height: 40%;

	background-image: url("images/more_info_icon2.png");
	background-repeat: no-repeat;
	background-size: 100%;
}


.text_top_bar {

	position: absolute;
	display:inline-block;
	top: 0;
	left: 0;

	width: 100%;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-color: #f2f2f2;
	font-family: sans-serif;
	font-weight: 600;
	font-size: 20px; /*2.5vw;*/
	line-height: 40px;
	text-align: center;
	color: #606060
}

.text_body {
	position: absolute;
	top: 16%;
	left: 0;
	width: 100%;
	height: 84%;
	margin: 1.98vw; /*1.5vw;*/
	font-family: sans-serif;
	font-size: 1.7vw; /*1.7vw;*/
	font-weight: 400;
	text-align: left;
	color: #f2f2f2
}

.text_icon {
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	height: 84%;
	margin: 0;
	font-family: sans-serif;
	font-size: 15.0vw;
	font-weight: 400;
	text-align: center;
	color: #f2f2f2
}

.text_footer {
	position: absolute;
	top: 63%;
	left: 0;
	width: 100%;
	height: 37%;
	margin: 1.98vw;
	font-family: sans-serif;
	font-size: 1.7vw; /*1.7vw;*/
	font-weight: 400;
	text-align: left;
	color: #f2f2f2
}

.text_footer_center {
	position: absolute;
	top: 63%;
	left: 0;
	width: 100%;
	height: 37%;
	margin: 1.98vw 0;
	font-family: sans-serif;
	font-size: 1.7vw; /*1.7vw;*/
	font-weight: 400;
	text-align: center;
	color: #f2f2f2
}

.exit_icon {
	position: absolute;
	top: 4%;
	left: 4%;
	width: 20%;
	height: 20%;

	background-image: url("images/exit_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.exit_icon_q {
	position: absolute;
/*
	top: 12px;
	left: 12px;
	width: 50px;
	height: 50px;
 */

	top: 4%;
	left: 4%;
	width: 20%;
	height: 20%;


	/* background-image: url("images/exit_icon.png"); */
	background-repeat: no-repeat;
	background-size: 100%;
}

.exit_icon_q img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.exit_icon_full {
	position: relative;;
	top: 5px;
	left: 5px;
	width: 40px;
	height: 40px;

	/* background-image: url("images/exit_icon.png"); */
	background-repeat: no-repeat;
	background-size: 100%;
}

.exit_icon_full img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.exit_icon_w {
	position: relative;
	top: 200px;
	left: 0px;
	width: 100%;
	height: 20%;
}

.next_icon_full {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;

	/* background-image: url("images/exit_icon.png"); */
	background-repeat: no-repeat;
	background-size: 100%;
}

.next_icon_full img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.next_comic {
/* 	position: absolute; */
/* 	top: 2px; */
/* 	right: 2px; */

	float: right;
  	display: block-inline;
	width: 50px;
	height: 50px;

	/* background-image: url("images/exit_icon.png"); */
	background-repeat: no-repeat;
	background-size: 100%;
}

.next_comic img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.back_comic {
/* 	position: absolute; */
/* 	top: 2px; */
/* 	left: 2px; */

	float: left;
  	display: block-inline;
	width: 50px;
	height: 50px;

	/* background-image: url("images/exit_icon.png"); */
	background-repeat: no-repeat;
	background-size: 100%;
}

.back_comic img:hover {
	animation: shake 0.5s;
    animation-iteration-count: 4;
}

.next_image {
	position: absolute;
	top: 20%;
	left: 0px;
	width: 100%;
	height: 80%;
}

.audio_play {
	position: absolute;
    top: 20%;
    left: 5%;
    max-width: 90%;
    max-height: 100%;
    margin: 2%;
    overflow: hidden;
}

.comic_nav {
  overflow: hidden;
  background-color: #4d4d4d;
  width:100%;
/*   margin: 0 auto; */

}

.comic_nav a {
  float: left;
  display: block-inline;
  color: #f2f2f2;
  text-align: center;
  margin: 0px;
  height: 40px;
  line-height:43px;
  padding: 0px 12px 0px 12px;
/*   padding: 12px 12px 9px 12px; */
  text-decoration: none;
  font-size: 17px;
  font-weight:600px;
}

.comic_nav a:hover {
  background-color: #bcc0c5;
  color: black;
}


.apple_music_icon {
	position: absolute;
	top: 92.6%;
	left: 7%;
	width: 14%;
	height: calc(16% * 0.215749730313);
	background-image: url("images/apple_music_black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.tidal_music_icon {
	position: absolute;
	top: 93.2%;
	left: 23%;
	width: 15%;
	height: calc(17% * 0.132802124834);
	background-image: url("images/tidal-wide-black-rgb.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.spotify_music_icon {
	position: absolute;
	top: 92.4%;
	left: 40%;
	width: 12%;
	height: calc(14% * 0.3);
	background-image: url("images/Spotify_Logo_RGB_Black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.amazon_music_icon {
	position: absolute;
	top: 93%;
	left: 53.5%;
	width: 17%;
	height: calc(19% * 0.195886385896);
	background-image: url("images/amazon_music.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.youtube_music_icon {
	position: absolute;
	top: 92.6%;
	left: 73%;
	width: 13%;
	height: calc(15% * 0.224181360202);
	background-image: url("images/youtube_logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.apple_music_icon2 {
	position: absolute;
	top: 94.6%;
	left: 7%;
	width: 14%;
	height: calc(16% * 0.215749730313);
	background-image: url("images/apple_music_black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.tidal_music_icon2 {
	position: absolute;
	top: 95.2%;
	left: 23%;
	width: 15%;
	height: calc(17% * 0.132802124834);
	background-image: url("images/tidal-wide-black-rgb.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.spotify_music_icon2 {
	position: absolute;
	top: 94.4%;
	left: 40%;
	width: 12%;
	height: calc(14% * 0.3);
	background-image: url("images/Spotify_Logo_RGB_Black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.amazon_music_icon2 {
	position: absolute;
	top: 95%;
	left: 53.5%;
	width: 17%;
	height: calc(19% * 0.195886385896);
	background-image: url("images/amazon_music.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.youtube_music_icon2 {
	position: absolute;
	top: 94.6%;
	left: 73%;
	width: 13%;
	height: calc(15% * 0.224181360202);
	background-image: url("images/youtube_logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.apple_music_icon3 {
	position: absolute;
	top: 84.8%;
	left: 10.5%;
	width: 14%;
	height: calc(16% * 0.215749730313);
	background-image: url("images/apple_music_black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.tidal_music_icon3 {
	position: absolute;
	top: 85.4%;
	left: 26.5%;
	width: 15%;
	height: calc(17% * 0.132802124834);
	background-image: url("images/tidal-wide-black-rgb.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.spotify_music_icon3 {
	position: absolute;
	top: 84.6%;
	left: 43.5%;
	width: 12%;
	height: calc(14% * 0.3);
	background-image: url("images/Spotify_Logo_RGB_Black.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.amazon_music_icon3 {
	position: absolute;
	top: 85.2%;
	left: 57.0%;
	width: 17%;
	height: calc(19% * 0.195886385896);
	background-image: url("images/amazon_music.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.youtube_music_icon3 {
	position: absolute;
	top: 85.0%;
	left: 76.5%;
	width: 13%;
	height: calc(15% * 0.224181360202);
	background-image: url("images/youtube_logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.apple_music_icon4 {
	position: absolute;
	top: 18.0%;
	left: 7.0%;
	width: 14%;
	height: calc(16% * 0.215749730313);
	background-image: url("images/apple_logo_w.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.tidal_music_icon4 {
	position: absolute;
	top: 24.0%;
	left: 7.0%;
	width: 15%;
	height: calc(17% * 0.132802124834);
	background-image: url("images/tidal_logo_w.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.spotify_music_icon4 {
	position: absolute;
	top: 29.0%;
	left: 7.0%;
	width: 12%;
	height: calc(14% * 0.3);
	background-image: url("images/spotify_logo_w.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.amazon_music_icon4 {
	position: absolute;
	top: 35.0%;
	left: 7.0%;
	width: 17%;
	height: calc(19% * 0.195886385896);
	background-image: url("images/amazon_logo_w.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.youtube_music_icon4 {
	position: absolute;
	top: 41.0%;
	left: 7.0%;
	width: 13%;
	height: calc(15% * 0.224181360202);
	background-image: url("images/youtube_logo_w.png");
	background-repeat: no-repeat;
	background-size: 100%;
}





/*
.align-middle {
	vertical-align: middle;
}
 */


@media screen and (max-width: 4000px) {


.content-row.vertical-align {
	display: table;
	width: 100%;
	margin: 0px;
/* 	padding: 0px; */
	padding: 62.5px 0px 62.5px 0px;
}


.align-middle {
	/* margin: 10px 20px 10px 20px; */
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	vertical-align: middle;
}

.content-row {
	clear: both;
/* 	padding: 0px; */
	padding: 62.5px 100px 62.5px 100px;
	margin: 0px;
	position: relative;
	overflow: hidden;
	font-size: 20px;
}

.content-row2.vertical-align {
	display: table;
/* 	display: relative; */
	width: 100%;
	margin: 0px;
/* 	padding: 0px; */
	padding: 50px 0px 50px 0px;
}

.content-row2 {
	clear: both;
	padding: 0px;;
	margin: 0px;
	position: relative;
	overflow: hidden;
	font-size: 0px;
}

	.rjd_album {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 1100px;
		background-image: url("images/rjd_album_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.frombeyond {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 1100px;
		background-image: url("images/frombeyond_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.syntheticmemories {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 1100px;
		background-image: url("images/syntheticmemories_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.electricsheep {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 1100px;
		background-image: url("images/electricsheep_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.galactical {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 1100px;
		background-image: url("images/galactical_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}



/*
	.smc_01 {
		position: relative;
		padding: 0px;
		margin: 0px;
		width: 1200px;
		height: 360px;
		background-image: url("images/smc/screen_shots_01.png");
		background-repeat: no-repeat;
		font-size: 0px
	}
 */

/*
	.smc_02 {
		position: relative;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%;
		font-size: 0px
	}
 */

/*
	.smc_02 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 330px;
		background-image: url("images/smc/screen_shots_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

	.smc_image {
		position: relative;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%;
		font-size: 0px
	}

	img {
		max-width: 100%;
		height: auto;
	}


	.smc_button {
		display: block;
		position: relative;
		left: 50px;
		padding: 10px 0px 0px 0px;
		margin: 0px;
		font-size: 0px;
		width: 1100px;
		height: 65px;
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.iPad_inkalot1 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 752px;
		background-image: url("images/inkalot/inkalot_iPad_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot2 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 752px;
		background-image: url("images/inkalot/inkalot_iPad_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot3 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 50px;
		width: 1100px;
		height: 752px;
		background-image: url("images/inkalot/inkalot_iPad_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_photo {
		position: relative;
		padding: 0px;
		margin: 50px 0px 50px 0px;
		left: 150px;
		width: 900px;
		height: 658px;
		background-image: url("images/iPad_moby_chip.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.iPad_photo2 {
		position: relative;
		padding: 0px;
		margin: 50px 0px 50px 0px;
		left: 150px;
		width: 900px;
		height: 658px;
		background-image: url("images/iPad_moby_chip_2.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_photo4 {
		position: relative;
		padding: 0px;
		margin: 50px 0px 50px 0px;
		left: 150px;
		width: 900px;
		height: 658px;
		background-image: url("images/iPad_moby_chip_4.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

/*
	.offworld_photo1 {
		position: relative;
		padding: 0px;
		margin: 50px 0px 50px 0px;
		font-size: 0px;
		left: 150px;
		width: 900px;
		height: 764px;
		background-image: url("images/offworld/ow_screen_shot_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

 	.offworld_photo1 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
/* 		left: 0px; */
		width: 1000px;
		height: calc(1000px * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1b {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
/* 		left: 0px; */
		width: 1000px;
		height: calc(1000px * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

/*
	.offworld_photo2 {
		position: relative;
		padding: 0px;
		margin: 50px 0px 50px 0px;
		left: 150px;
		width: 900px;
		height: 764px;
		background-image: url("images/offworld/offworld_photos_2.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

 	.offworld_photo2 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 1000px;
		height: calc(1000px * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_08.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_photo2b {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 1000px;
		height: calc(1000px * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_07.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.inkalot_logo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 6px;
		width: 750px;
		height: 108px;
		background-image: url("images/inkalot/inkalot_banner.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.smc_logo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 6px;
		width: 750px;
		height: 108px;
		background-image: url("images/smc/smc_banner.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.fah_logo {
/* 		position: relative; */
		display:inline-block;
		float: right;
		padding: 0px 0px 0px 0px;
		margin: 0px 5px 0px 0px;
		width: calc(108px * 0.739583333333);
		height: 108px;
		background-image: url("images/for_all_humans_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.offworld_logo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 6px;
		width: 579px;
		height: 108px;
		background-image: url("images/offworld/offworld_logo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_buy_plugin_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		width: 150px;
		height: 56px;
		background-image: url("images/button_buy.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_support_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		width: 150px;
		height: 56px;
		background-image: url("images/button_support.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_win_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		width: 150px;
		height: 56px;
		background-image: url("images/button_win.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_mac_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		width: 150px;
		height: 56px;
		background-image: url("images/button_mac.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_both_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		width: 150px;
		height: 56px;
		background-image: url("images/button_download.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}





@media screen and (max-width: 1200px) {

.content-row.vertical-align {
	display: table;
	width: 100%;
	margin: 0px;
	padding: 5vw 0vw 5vw 0vw;
}

.content-row {
	clear: both;
	padding: 5vw 8vw 5vw 8vw;
	margin: 0px;
	position: relative;
	overflow: hidden;
	font-size: 1.5vw;
}

.content-row2.vertical-align {
	display: table;
/* 	display: relative; */
	width: 100%;
	margin: 0px;
 	padding: 5vw 0vw 5vw 0vw;
/* 	padding: 0px; */
}

.content-row2 {
	clear: both;
	padding: 2vw 5vw 2vw 5vw;
	margin: 0px;
	position: relative;
	overflow: hidden;
	font-size: 1.5vw;
}

.content-row3.vertical-align {
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0vw 0vw 0vw 0vw;
}

.content-row3 {
	clear: both;
	padding: 0vw 0vw 0vw 0vw;
	margin: 0px;
	position: relative;
	overflow: hidden;
	font-size: 1.5vw;
}


	.topnav {
		width:100%;
		margin: 0px;
	}
	.mainContainer {
		width:100%;
		margin: 0px;
	}
	.textContainer {
		width:100%;
	}
	.pageContainer {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.textTitle {
		font-size: 2.25vw;
	}
	.textBodyCenter {
		font-size: 1.5vw;
	}
	.textBodyContact {
		font-size: 1.5vw;
	}
	.textBodyLeft {
		font-size: 1.5vw;
	}
	.textTitleOver {
		font-size: 2.25vw;
	}
	.textTitleOverBlack {
		font-size: 2.25vw;
	}

	.rjd_album {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/rjd_album_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.frombeyond {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/frombeyond_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.syntheticmemories {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/syntheticmemories_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.electricsheep {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/electricsheep_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.galactical {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/galactical_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


/*
	.smc_01 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 5vw;
		width: 90vw;
		height: calc(90vw * 0.3);
		background-image: url("images/smc/screen_shots_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.smc_02 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 5vw;
		width: 90vw;
		height: calc(90vw * 0.3);
		background-image: url("images/smc/screen_shots_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

	.smc_image {
		position: relative;
		padding: 0px;
		margin: 0px;
		width: 100vw;
		height: calc(100vw * 0.3);
		font-size: 0px;
	}



	.smc_button {
		display: block;
		position: relative;
		left: 5vw;
		padding: 10px 0px 0px 0px;
		margin: 0px;
		font-size: 0px;
		width: 90vw;
		height: 65px;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot1 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: calc(90vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.iPad_inkalot2 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: calc(90vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot3 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: calc(90vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_photo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.73107);
		background-image: url("images/iPad_moby_chip.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


 	.iPad_photo2 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.73107);
		background-image: url("images/iPad_moby_chip_2.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_photo4 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.73107);
		background-image: url("images/iPad_moby_chip_4.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

/*
	.offworld_photo1 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.8489);
		background-image: url("images/offworld/offworld_photos_1.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

  	.offworld_photo1 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
/* 		left: 0px; */
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1b {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
/* 		left: 0px; */
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


 /*
	.offworld_photo2 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.8489);
		background-image: url("images/offworld/offworld_photos_2.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

  	.offworld_photo2 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_08.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_photo2b {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_07.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.inkalot_logo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 6px;
		width: 60vw;
		height: calc(60vw * 0.144);
		background-image: url("images/inkalot/inkalot_banner.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.smc_logo {
		position: relative;
		padding: 1px;
		margin: 0px;
		left: 6px;
		width: 60vw;
		height: calc(60vw * 0.144);
		background-image: url("images/smc/smc_banner.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.fah_logo {
		position: relative;
		display:inline-block;
		float: right;
		padding: 0px 0px 0px 0px;
		margin: 0px 1.8vw 0px 0px;
		width: 6.4vw;
		height: calc(6.4vw * 1.352112676056);
		background-image: url("images/for_all_humans_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_logo {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 6px;
		width: 46vw;
		height: calc(46vw * 0.186528497409);
		background-image: url("images/offworld/offworld_logo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_buy_plugin_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 0.8vw 0px 0.8vw;
		width: 12vw;
		height: calc(12vw * 0.375);
		background-image: url("images/button_buy.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_support_icon {
		display:inline-block;
		padding: 0px;
/* 		margin: 0px 10px 0px 10px; */
		margin: 0px 0.8vw 0px 0.8vw;
		width: 12vw;
		height: calc(12vw * 0.375);
		background-image: url("images/button_support.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_win_icon {
		display:inline-block;
		padding: 0px;
/* 		margin: 0px 10px 0px 10px; */
		margin: 0px 0.8vw 0px 0.8vw;
		width: 12vw;
		height: calc(12vw * 0.375);
		background-image: url("images/button_win.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_mac_icon {
		display:inline-block;
		padding: 0px;
/* 		margin: 0px 10px 0px 10px; */
		margin: 0px 0.8vw 0px 0.8vw;
		width: 12vw;
		height: calc(12vw * 0.375);
		background-image: url("images/button_mac.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.header_demo_both_icon {
		display:inline-block;
		padding: 0px;
		margin: 0px 0.8vw 0px 0.8vw;
		width: 12vw;
		height: calc(12vw * 0.375);
		background-image: url("images/button_download.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


	.headerBar2 {
		float: left;
		width: 100vw;
		height: calc(100vw * 0.08);
		padding: 0px 0px 0px 0px;
		margin: 6px 0px 0px 0px;
	}

	.headerBarBack2 {
		padding: 0px 0px 0px 0px;
		width: 100vw;
		height: calc(100vw * 0.096);
		margin: 0px;
	}

	.align-middle {
		/* margin: 10px 20px 10px 20px; */
		margin: 0px 0px 0px 0px;
		font-size: 20px;
		vertical-align: middle;
	}
}


/*
@media screen and (max-width: 1050px) {
	.topnav {
		width:100%;
		margin: 0px;
	}
	.mainContainer {
		width:100%;
		margin: 0px;
	}
	.gameContainer {
	}
	.textContainer {
		width:100%;

	}
	.pageContainer {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.textTitle {
		font-size: 3vw;
	}
	.textBodyCenter {
		font-size: 2vw;
	}
	.textBodyContact {
		font-size: 2vw;
	}
	.textBodyLeft {
		font-size: 2vw;
	}

	.headerBar2 {
		float: left;
		width: 100vw;
		height: calc(100vw * 0.08);
		padding: 0px 0px 0px 0px;
		margin: 6px 0px 0px 0px;
	}

	.headerBarBack2 {
		padding: 0px 0px 0px 0px;
		width: 100vw;
		height: calc(100vw * 0.096);
		margin: 0px;
	}

	.offworld_photo1 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1b {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_05.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


  	.offworld_photo2 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_08.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_photo2b {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_07.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}
 */


/*
@media screen and (max-width: 750px) {
	.pageContainer {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
}
 */


 .download_icon3 {
	position: relative;
	/*

/* 	bottom: 4vw; */
/* 	left: calc(50% - 10vw); */


	width:350px;
	height:45.5px;
/*
 	width: 20vw;
	height: calc(20vw * 0.13);
 */

	background-image: url("images/download_icon_3.png");
	background-repeat: no-repeat;
	background-size: 100%;

	color: #f2f2f2
}




@media screen and (max-width: 860px) {
	.align-middle {
		padding: 20px;
		margin: 20px;
		font-size: 2.8vw;
	}

  .topnav.responsive {
  	position: relative;
  	width: 100%;
  	margin: 0px;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive .logo {
    position: absolute;
    left: 0;
    top: 0;

  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .mediaContainer {
  	width: 100vw;
  	height: 168.75vw;
  	display: inline;	grid-template-columns: 1fr;
	grid-template-rows: 1fr 2fr;

	float:Center;
  }

	.fah_logo {
		position: relative;
		display:inline-block;
		float: right;
		padding: 0px 0px 0px 0px;
		margin: 0px 2.8vw 0px 0px;
		width: 5.8vw;
		height: calc(5.8vw * 1.352112676056);
		background-image: url("images/for_all_humans_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1 {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
			left: 0px;		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1b {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
			left: 0px;		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo2 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_08.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_photo2b {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_07.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.download_icon {
		position: absolute;
		float: none;
		bottom: 8vw;

		left: calc(50% - 20vw);
		width: 40vw;
		height: calc(40vw * 0.13);

		background-image: url("images/download_icon_3.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}


}



/*
@media screen and (max-width: 600px) {
	.align-middle {
		padding: 4vw 4vw 4vw 4vw;
		font-size: 2.5vw;
	}
}
 */


@media screen and (max-width: 860px) {
  .topnav {
  	width:100%;
  	margin: 0px;
  }
  .mainContainer {
	width:100%;
	margin: 0px;
  }
  .topnav a {
  	display: none;
  	float: left;
  }
  .topnav a.icon {
  	display: block;
  	padding: 6px 10px 0px 10px;
  	float: right;
  }
  .topnav a.logo {
  	display: block;
  	padding: 6px 10px 0px 10px;
  	float: left;
  }
  .footerBar {
  	font-size: 3vw;
  }
	.gameContainer {
		width: 100%;
	}

	.textContainer {
		width: 100%;
	}
	.pageContainer {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.textTitle {
		font-size: 3.0vw;
	}
	.textBodyCenter {
		font-size: 2.0vw;
	}
	.textBodyContact {
		font-size: 2.0vw;
	}
	.textBodyLeft {
		font-size: 2.0vw;
	}
	.textTitleOver {
		font-size: 3.0vw;
	}
	.textTitleOverBlack {
		font-size: 3.0vw;
	}
/* 
	.pageContainer {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.textTitle {
		font-size: 4.5vw;
	}
	.textBodyCenter {
		font-size: 3vw;
	}
	.textBodyContact {
		font-size: 3vw;
	}
	.textBodyLeft {
		font-size: 3vw;
	}
 */

	/*
.electricSheep {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vw;
		background-image: url("images/electricsheep_2200.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */



/*
 	.smc_01 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.3);
		background-image: url("images/smc/screen_shots_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

 	.smc_02 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.3);
		background-image: url("images/smc/screen_shots_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

/*
	.smc_button {
		display: block;
		position: relative;
		padding: 0px 0px 0px 0px;
		margin: 0px;
		font-size: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: 25px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
 */

	.smc_button {
		display: block;
		position: relative;
		left: 5vw;
		padding: 10px 0px 0px 0px;
		margin: 0px;
		font-size: 0px;
		width: 90vw;
		height: 65px;
		background-repeat: no-repeat;
		background-size: 100%;
	}

/*
	.button {
		padding: 12px 16px;
		margin: 0px 4px;
	}
 */

	.iPad_inkalot1 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: 10vw;
		width: 80vw;
		height: calc(80vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot2 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.iPad_inkalot3 {
		position: relative;
		padding: 0px;
		margin: 0px;
		left: calc(50% - 40vw);
		width: 80vw;
		height: calc(80vw * 0.68392);
		background-image: url("images/inkalot/inkalot_iPad_03.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1 {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
	/* 		left: 0px; */
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_01.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo1b {
		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		font-size: 0px;
	/* 		left: 0px; */
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/offworld_photo_02.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.offworld_photo2 {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_08.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	 .offworld_photo2b {
 		display:inline-block;
		position: relative;
		padding: 0px;
		margin: 10px 10px 10px 10px;
		width: 80vw;
		height: calc(80vw * 0.848888888889);
		background-image: url("images/offworld/ow_screen_shot_07.png");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.headerBar2 {
		float: left;
		width: 100vw;
		height: calc(100vw * 0.08);
		padding: 0px 0px 0px 0px;
		margin: 6px 0px 0px 0px;
	}

	.headerBarBack2 {
		padding: 0px 0px 0px 0px;
		width: 100vw;
		height: calc(100vw * 0.096);
		margin: 0px;
	}
}


@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@media screen and (max-width: 600px) {
	.pageContainer {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.textTitle {
		font-size: 4.5vw;
	}
	.textBodyCenter {
		font-size: 3vw;
	}
	.textBodyContact {
		font-size: 3vw;
	}
	.textBodyLeft {
		font-size: 3vw;
	}
	.textTitleOver {
		font-size: 4.5vw;
	}
	.textTitleOverBlack {
		font-size: 4.5vw;
	}
}


.download_container {
	position: absolute;
	display: inline-block;
	bottom: 2%;
	margin: 0px;
	padding: 0px;
	left: calc(50% - 200px);
	width: 400px;
	height: 52px;
	line-height:24px;
	color: #f2f2f2
	background-color: #ffff00;
}

.iframe {
	border-width: 5px;
	border-style: solid;
	border-color #ff0000;
}

/*
.iPad_photo {
	position: relative;
	padding: 0px;
	margin: 0px;
	left: calc(50% - 40vw);
	width: 80vw;
	height: calc(80vw * 0.3820479585);
	background-image: url("images/iPad_moby_chip_3.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
 */

/*  0.3820479585 */






/*
.content-row.vertical-align .content {
	display: table-cell;
	margin: 0px;
	padding: 0px;
}
 */



/*
.iPad_photo2 {
	position: relative;
	padding: 0px;
	margin: 0px;
	left: calc(60% - 15vw);
	width: 30vw;
	height: calc(30vw * 0.73107);
	background-image: url("images/iPad_moby_chip_2.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
 */


.soundcloud-container {
	position: relative;
/* 	margin: 5vw 8vw 5vw 8vw; */
	padding-bottom: 0px;
	height: auto;
	max-width: 100%;
	overflow: hidden;
	background-color:#333333;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    margin-bottom: -1px;
    height: 0;
    overflow:hidden
}



.video-container iframe, .video-container object, .video-container .video_overlay_container, .video-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

.embed-border {
  border: 5px solid #404040;
  box-sizing: border-box; /* prevents extra width from being added */
}

/* aspect ratio and positioning for responsive video */
.embed-responsive {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-border {
	border: 5px solid #404040;
	box-sizing: border-box; /* prevents extra width from being added */
}

/* aspect ratio and positioning for responsive video */
.image-responsive {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}