html {
	font-size: 100%;
}

/* @group HYPE */

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

	.presents {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 1000px !important;
	padding: 0 !important;
	}
	
	.homepage_logo {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 780px !important;
	min-height: 500px !important;
	min-width: 360px !important;
	padding: 0 !important;
	}
	
	.headphones {
	max-width: 800px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0 !important;
	}
	
	.alphabet {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 940px !important;
	min-height: 350px !important;
	padding: 0 !important;
	}
	
	.animal_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 1200px !important;
	min-height: 500px !important;
	min-width: 400px !important;
	padding: 0 !important;
	}
	
	.paint_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 830px !important;
	padding: 0 !important;
	}
	
	.game_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 850px !important;
	min-height: 300px !important;
	min-width: 360px !important;
	padding: 0 !important;
	}
	
	.africa {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 300px !important;
	padding: 0 !important;
	}
	
	
	.keyboard_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 950px !important;
	min-height: 300px !important;
	padding: 0 !important;
	}
	
	.ui_close {
	min-height: 100px !important;
	max-height: 110px !important;
	margin-right: 0px !important;
	}
	
	.africa_home {
	max-height: 420px !important;
	}

/* @end */

/* @group GRID */

.main_grid {
	width: 95%;
	/*max-width: 1600px;*/
	display: grid;
	/*grid-column-gap: 1%;*/
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 25px;
}

.cols_1 {
    grid-column: span 1;
}

.cols_2 {
    grid-column: span 2;
}

.cols_3 {
    grid-column: span 3;
}

.cols_4 {
    grid-column: span 4;
}

.logo_col {
    grid-column: span 5;
}

.cols_7 {
    grid-column: span 7;
}  

.cols_8 {
	grid-column: span 8;
}

.cols_9 {
    grid-column: span 9;
}

.cols_10 {
    grid-column: span 10;
}

.cols_11 {
    grid-column: span 11;
}

.cols_12 {
	grid-column: span 12;   
}

/* @end */

/* @group COLORS */

.color1 {
	color: #F8B32D;
}

.color2 {
	color: #BF0D3C;
}

.color3 {
	color: #1E95D6;
}

.color4 {
	color: #F95930;
}

.color5 {
	color: #41D1D8;
}

.color6 {
	color: #AEC90E;
}

/* @end */

/* @group FONTS */

.app_name {
	font-size: 3.4375rem;
	font-weight: 700;
	color: white;
}

.tagline {
	font-size: 2rem;
	line-height: 2.375rem;
	font-weight: 600;
	color: #ffffff;
	margin-top: 0px;
	word-break: keep-all;
	padding-top: 0.3125rem;
}

.bold {
	font-weight: 700;
}

.text_module1 {
	font-size: 2.875rem;
	line-height: 132%;
	font-weight: 600;
	color: #ffffff;
	margin: 1.875rem auto;
	max-width: 980px;
	width: 90%;
	text-align: center;
	word-break: keep-all;
}

.store_text {
	font-size: 2.875rem;
	font-weight: 600;
	color: #004A98;
	margin: 1.875rem auto;
	word-break: keep-all;
	max-width: 900px;
	width: 90%;
	line-height: 132%;
}

.redbubble {
	font-size: 1.75rem;
	font-weight: 400;
	color: gray;
	margin: 1.875rem auto;
	word-break: keep-all;
	max-width: 900px;
	width: 90%;
}

.product_title {
	font-size: 1.75rem;
	line-height: 2rem;
	font-weight: 600;
	color: #000000;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.button {
	font-size: 1.375rem;
	line-height: 2.5rem;
	font-weight: 600;
	color: #ffffff;
	padding: 0.625rem 1.25rem;
	text-align: center;
	width: 11.5625rem;
	margin-top: 1.25rem;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-bottom: 1.25rem;
}

/*FOOTER*/

.credits {
	font-size: 1.4375rem;
	line-height: 2rem;
	font-weight: 400;
	margin-bottom: 0.625rem;
}

.jdamy {
	font: 2.1875rem/2.375rem 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	font-weight: 700;
	margin-top: 0.875rem;
	margin-bottom: 2.1875rem;
	color: white !important;
}

.jdamy a {
	color: #ffffff !important;
}

.jdamy a:link {
	color: #ffffff !important;
}

.jdamy a:visited {
	color: #ffffff !important;
}

.jdamy a:hover {
	border-bottom: 0 none!important;
	padding-bottom: 0px;
}

/* @end */


/*END GROUPS ****************************************************/

body {
	/*Dark*/
	/*background-color: #004A98;*/
	/*Light*/
	background-color: #FFFFFF;
	height: 100%;
}

/*APP WEBSITE*/
.app_endless {
	position: relative;
	width: 100%;
	background-color: #004A98;
	padding-top: 0;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

.app_wrapper {
  position: relative;
  width: 100%;
  background: url(../art/loader.png) 50% 150px no-repeat;
  background-size: 13%;
  margin-right: auto;
	margin-left: auto;
}

.app_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.app_container {
  position: absolute;
  width: 100%;
  height: 100%;
  
}


/*HEADER***************************************/



.header_wrapper {
	width: 100%;
	padding-bottom: 0.3125rem;
	background-color: #004A98;
}


.logo_col {
    grid-column: span 7;
}

.logo_col img {
	width: 7.8125rem;
	height: auto;
}

.header_icon {
	text-align: left;
	float: left;
}

.top_btns {
	grid-column: span 5;
} 


.btn_floater {
	margin-top: 1.25rem;
	text-align: right;
	float: none;
	padding-bottom: 0.125rem;
}

.btn_floater img {
	width: 40%;
	height: 100%;
	max-width: 230px;
	margin-right: 0;
	float: right;
	clear: none;
	margin-left: 4%;
}

.buttons_phone {
	display: none;
	visibility: visible;
	text-align: center;
}

.buttons_phone img {
	width: 90%;
	height: auto;
	max-width: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.125rem;
	float: none;
	clear: none;
	text-align: center;
}

/*END HEADER *************************************/

/*MODULES ***************************************************************/

.module_endless_blue {
	width: 100%;
	background-color: #004A98;
}

.module_endless_green {
	width: 100%;
	background-color: #699b27;
}

.module_endless_award {
	width: 100%;
	background-color: #e7e5c9;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
}

/*MODULE 1 - ALPHAPOD************************/

.module1_b {
	display: none;
	visibility: hidden;
}

.module1_c {
	grid-column: span 12;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 2B - BACKGROUND GIRL************************/


.module2b_color {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 3vw;
}

.module2b_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(../art/background_girl.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.module2b_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 40vw;
}


/*MODULE 2 - DEVICE VIDEOS************************/

.module2_color {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -44vw;
}

.module2_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: none;
}

.module2_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 107%;
}

#module2_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 3 - COLOR AND MARIMBA************************/

.module3_color {
	margin-top: 0%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module3_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module3_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 56%;
}

#module3_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 4 - MEMORY AND OTHER GAMES************************/

.module4_color {
	margin-top: 0px;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module4_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module4_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 58%;
}

#module4_hype_container {
	margin-right: auto;
	margin-left: auto;
}

/*MODULE 5B - BACKGROUND GIRL************************/


.module5b_color {
	margin-right: auto;
	margin-left: auto;
	margin-top: -4%;
}

.module5b_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(../art/background_boy.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.module5b_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 43vw;
}

/*MODULE 5 - AR COMPONENT************************/

.module5_color {
	margin-top: -44vw;
	margin-right: auto;
	margin-left: auto;
}

.module5_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module5_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 37vw;
}


/*MODULE 6 - AVAILABLE IN DIFFERENT PLATFORMS************************/

.module6_color {
	margin-top: 2%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module6_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module6_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 98%;
}

#module6_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE AWARDS ************************/

.award_wrapper {
	width: 96%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid green;*/
}

.first_award_col, .award_col, .award_title {
	float: left;
	width: 25%;
	height: 195px;
	padding-left: 10px;
	padding-right: 10px;
}

.award_col_empty {
	float: left;
	width: 25%;
	height: 195px;
	padding-left: 10px;
	padding-right: 10px;
}

.aw1, .aw2, .aw3, .aw4, .aw5, .aw6 {
	border-left: 1px solid #a1a08c;
}

.aw4, .aw5, .aw6 {
	margin-top: 20px;
}

.first_award_col img {
	width: 100%;
	height: auto;
}

.award_col img {
	width: 100%;
	height: auto;
}

.award_title img {
	width: 70%;
	height: auto;
}

.award_spacer {
	margin-left: 4%;
}

.title_award {
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
	color: #000000;
	margin-top: 10px;
	word-break: keep-all;
	text-align: center;
}

.txt_award {
	font-size: 24px;
	line-height: 29px;
	font-weight: 500;
	color: #000000;
	word-break: keep-all;
	text-align: center;
	margin-top: 5px;
}

.award_icon {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1000px) {
	
	.title_award {
		font-size: 26px;
		line-height: 38px;
		font-weight: 600;
		color: #000000;
		margin-top: 10px;
		word-break: keep-all;
		text-align: center;
	}

	.txt_award {
		font-size: 18px;
		line-height: 22px;
		font-weight: 500;
		color: #000000;
		word-break: keep-all;
		text-align: center;
		margin-top: 5px;
	}
	
}

@media (max-width: 740px) {
	.aw4, .aw6 {
		border-left: none !important;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	
	.title_award {
		font-size: 26px;
		line-height: 32px;
	}

	.txt_award {
		font-size: 26px;
		line-height: 30px;
	}
	
	.award_col_empty {
	display: none;
}
	
}


@media (max-width: 420px) {
	
	.title_award {
		font-size: 26px;
		line-height: 32px;
	}

	.txt_award {
		font-size: 23px;
		line-height: 28px;
	}
	
}


@media (max-width: 340px) {
	
	.title_award {
		font-size: 21px;
		line-height: 24px;
	}

	.txt_award {
		font-size: 19px;
		line-height: 25px;
	}
	
}

/*END MODULES********************************************************/

/*ALPHAPOD STORE *******************************************************/

/* @group STORE GRID */

.store_grid {
	width: 90%;
	max-width: 1500px;
	display: grid;
	grid-column-gap: 3%;
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 50px 0px 90px;
	background-color: white;
}

.store_wrapper {
	width: 100%;
	background-color: white;
}

.store_header_wrapper {
	grid-column: span 12;
	margin-bottom: 30px;
	text-align: center;
}

.store_header {
	margin-right: auto;
	margin-left: auto;
	width: 60%;
}

.store_header img {
	margin: auto;
	width: 100%;
	height: auto;
}

.store_product {
	grid-column: span 3;
	margin-bottom: 50px;
	text-align: center;
}

.store_product img {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.last_product {
	grid-column: span 12;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-top: 40px;
}

.btn1 {
	background-color: #8DB228;
}

.btn1:hover {
	background-color: #839E1E;
}

.btn2 {
	background-color: #E25246;
}

.btn2:hover {
	background-color: #CE413A;
}

.btn3 {
	background-color: #049ECE;
}

.btn3:hover {
	background-color: #008EAF;
}

.btn4 {
	background-color: #858726;
}

.btn4:hover {
	background-color: #75751F;
}

.btn5 {
	background-color: #DB2554;
}

.btn5:hover {
	background-color: #BC1948;
}

.btn6 {
	background-color: #049ECE;
}

.btn6:hover {
	background-color: #008EAF;
}

.btn7 {
	background-color: #2C92AD;
}

.btn7:hover {
	background-color: #238399;
}

.btn8 {
	background-color: #43307f;
}

.btn8:hover {
	background-color: #261f59;
}

.btn9 {
	background-color: #4C2D75;
}

.btn10 {
	background-color: #D41D5B;
}

.btn11 {
	background-color: #ED3915;
}

.btn12 {
	background-color: #4C4C89;
}

.btn13 {
	background-color: #98B51D;
}

.btn13:hover {
	background-color: #92A51E;
}

.btn14 {
	background-color: #19936F;
}

.btn14:hover {
	background-color: #15845F;
}

.btn15 {
	background-color: #D61A42;
}

.btn15:hover {
	background-color: #B7153F;
}

.btn16 {
	background-color: #69306D;
}

.btn16:hover {
	background-color: #542459;
}

.btn17 {
	background-color: #E94840;
}

.btn18 {
	background-color: #00AF8D;
}

.btn19 {
	background-color: #88431D;
}

.btn20 {
	background-color: #4C4C89;
}

.btn21 {
	background-color: #4C2D75;
}

.btn_last {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	color: #ffffff;
	background: url(../art/btn_arrow@2x.png) no-repeat;
	background-size: 5%;
	background-position-x: 260px;
	background-position-y: 18px;
	padding: 12px 60px 12px 40px;
	text-align: center;
	margin: 30px auto 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #049ECE;
}

.btn_last:hover {
	background-color: #0090B2;
}


/* @end */

/*END ALPHAPOD STORE *******************************************************/



/*FOOTER *******************************************************/
.footer_wrapper {
	width: 100%;
	background-color: #004A98;
}

.footer_grid {
	width: 95%;
	max-width: 1600px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0px;
	color: white;
	font-size: 18px;
}

.sec_grid {
	width: 50%;
	max-width: 180px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0;
}

.col_left {
	grid-column: span 5;
	text-align: left;
}

.col_left img {
	width: 40%;
	height: auto;
}


.col_right {
	grid-column: span 7;
	text-align: right;
}

.col_icon {
	grid-column: span 6;
	margin-bottom: 0px;
	text-align: right;
	padding: 0 0.625rem 1.25rem;
}

.col_icon img {
	width: 4.375rem;
	height: auto;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.footer_btn {
	width: 46%;
	max-width: 230px;
	height: auto;
	padding-left: 0.9375rem;
}

.footer_btn2 {
	margin-left: 1.5625rem;
	float: left;
}

/*END FOOTER *******************************************************/




/*RESPONSIVE****************************************************/

/*1250*/
@media only screen and (max-width: 1250px) {

	.btn_floater img {
		width: 40%;
		height: 100%;
	}
}


/*1100*/
@media only screen and (max-width: 1100px) {

	html {
		font-size: 92%;
	}

	.btn_floater {
		margin-top: 15px;
	}
	
	.module1b_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 12%;
	}
	
	.buttons_phone {
		display: none;
		visibility: hidden;
	}
	
	/*STORE 1100******************************/
	
	
	.store_product {
		grid-column: span 4;
		margin-bottom: 40px;
	}
	
	
	 /*HEADER 1100**********************************/
	 
	 
	 .logo_col {
		grid-column: span 12;
	}
	 
	 .top_btns {
		display: none;
		}
	
	/*FOOTER 1100*******************************/
	
	
	/*.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 35px;
	}*/
	


}

/*900*/
@media only screen and (max-width: 900px) {

	.buttons_phone {
		display: block;
		visibility: visible;
	}
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.module1_b {
		grid-column: span 12;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		display: block;
		visibility: visible;
	}
	
	.module1_b img {
		width: 95%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
}


/*840*/
@media only screen and (max-width: 840px) {

	html {
		font-size: 82%;
	}
	
	/*FOOTER 840*/
	
	/*
	.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 35px;
	}*/
	
	.footer_btn2 {
		float: left;
		margin-top: 0;
	}
	
	.col_left {
		grid-column: span 6;
		text-align: left;
	}
	
	.col_right {
		grid-column: span 6;
		text-align: right;
	}


}

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

	html {
		font-size: 75%;
	}

	/*.header_wrapper {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 0;
	}*/
	
	.btn_floater {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
	}
	
	.header_icon {
		clear: left;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5625rem;
	}
	
	.logo_col img {
		width: 150px;
	}
	
	
	.main_grid {
		width: 95%;
		max-width: 1880px;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		margin-right: auto;
		margin-left: auto;
		padding: 10px 0px 0px;
	}
	
	.buttons_phone {
		display: block;
		visibility: visible;
	}
	
	/*MODULES 740*************************************************/
	
	
	.module1_a img {
		margin: 20px auto 30px;
		width: 25%;
		height: auto;
	}
	
	.module2b_color {
		margin-top: -4%;
	}
	
	.module2b_wrapper {
		background-size: 150%;
		background-position: -110px 0;
	}
	
	.module2b_wrapper:after {
		padding-bottom: 60%;
	}
	
	.module2_color {
		margin-top: -46%;
	}

	.module2_wrapper:after {
		padding-bottom: 135%;
	}
	
	
	.module3_wrapper:after {
		padding-bottom: 213%;
	}
	
	.module4_wrapper:after {
		padding-bottom: 133%;
	}
	
	.module5b_color {
		margin-top: -7%;
	}
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -130px 0;
	}
	
	.module5b_wrapper:after {
		padding-bottom: 60%;
	}
	
	.module5_color {
		margin-top: -53%;
	}
	
	.module5_wrapper:after {
		padding-bottom: 75%;
	}
	
	.module6_color {
		margin-top: -25%;
		padding-top: 23%;
	}
	
	.module6_wrapper:after {
		padding-bottom: 186%;
	}
	
	/*AWARDS 740**************************************************/

	.award_title, .aw1 {
		margin-bottom: 25px;
	}
	
	.aw1 {
	border-left: 1px solid #a1a08c !important;
	}
	
	.aw2 {
		border-left: 0px;
	}

	.first_award_col, .award_col, .award_title {
		width: 50%;
		height: 225px;
		padding-left: 10px;
		padding-right: 10px;
		/*border: 1px solid red;*/
	}

	.first_award_col {
		border-left: 0px;
	}

	.first_award_col img {
		width: 70%;
	}
	
	.award_title img {
		width: 70%;
		max-width: 180px;
	}

	.award_col img {
		width: 70%;
	}
	
	
	/*STORE 740*/
	
	.store_grid {
		width: 95%;
		display: grid;
		grid-column-gap: 3%;
		grid-template-columns: repeat(12, 1fr);
		margin-right: auto;
		margin-left: auto;
		padding: 50px 0px;
		background-color: white;
	}
	
	.store_product {
	grid-column: span 6;
	margin-bottom: 20px;
	}
	
	.product_img {
		margin-top: 30px;
	}
	
	.store_header {
		width: 80%;
	}
	
	/*FONTS 740************************************/
	
	/*.app_name {
		font-size: 38px;
		font-weight: 700;
		color: white;
		line-height: 38px;
	}*/
/* @group HYPE */

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

	.presents {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 1000px !important;
	padding: 0 !important;
	}
	
	.homepage_logo {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 780px !important;
	min-height: 500px !important;
	min-width: 360px !important;
	padding: 0 !important;
	}
	
	.headphones {
	max-width: 800px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0 !important;
	}
	
	.alphabet {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 940px !important;
	min-height: 350px !important;
	padding: 0 !important;
	}
	
	.animal_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 1200px !important;
	min-height: 500px !important;
	min-width: 400px !important;
	padding: 0 !important;
	}
	
	.paint_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 830px !important;
	padding: 0 !important;
	}
	
	.game_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 850px !important;
	min-height: 300px !important;
	min-width: 360px !important;
	padding: 0 !important;
	}
	
	.africa {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 300px !important;
	padding: 0 !important;
	}
	
	
	.keyboard_limit {
	margin-right: auto !important;
	margin-left: auto !important;
	max-height: 950px !important;
	min-height: 300px !important;
	padding: 0 !important;
	}
	
	.ui_close {
	min-height: 100px !important;
	max-height: 110px !important;
	margin-right: 0px !important;
	}
	
	.africa_home {
	max-height: 420px !important;
	}

/* @end */

/* @group GRID */

.main_grid {
	width: 95%;
	/*max-width: 1600px;*/
	display: grid;
	/*grid-column-gap: 1%;*/
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 25px;
}

.cols_1 {
    grid-column: span 1;
}

.cols_2 {
    grid-column: span 2;
}

.cols_3 {
    grid-column: span 3;
}

.cols_4 {
    grid-column: span 4;
}

.logo_col {
    grid-column: span 5;
}

.cols_7 {
    grid-column: span 7;
}  

.cols_8 {
	grid-column: span 8;
}

.cols_9 {
    grid-column: span 9;
}

.cols_10 {
    grid-column: span 10;
}

.cols_11 {
    grid-column: span 11;
}

.cols_12 {
	grid-column: span 12;   
}

/* @end */

/* @group COLORS */

.color1 {
	color: #F8B32D;
}

.color2 {
	color: #BF0D3C;
}

.color3 {
	color: #1E95D6;
}

.color4 {
	color: #F95930;
}

.color5 {
	color: #41D1D8;
}

.color6 {
	color: #AEC90E;
}

/* @end */

/* @group FONTS */

.app_name {
	font-size: 55px;
	font-weight: 700;
	color: white;
	line-height: 55px;
}

.tagline {
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
	color: #ffffff;
	margin-top: 0px;
	word-break: keep-all;
	padding-top: 5px;
}

.bold {
	font-weight: 700;
}

.text_module1 {
	font-size: 46px;
	font-weight: 600;
	color: #ffffff;
	margin: 30px auto;
	max-width: 980px;
	width: 90%;
	line-height: 132%;
	text-align: center;
	word-break: keep-all;
}

.store_text {
	font-size: 44px;
	font-weight: 600;
	color: #004A98;
	margin: 30px auto;
	word-break: keep-all;
	max-width: 900px;
	width: 90%;
	line-height: 122%;
}

.redbubble {
	font-size: 28px;
	font-weight: 400;
	color: gray;
	margin: 30px auto;
	word-break: keep-all;
	max-width: 900px;
	width: 90%;
	line-height: 122%;
}

.product_title {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}

.button {
	font-size: 22px;
	line-height: 40px;
	font-weight: 600;
	color: #ffffff;
	padding: 10px 20px;
	text-align: center;
	width: 185px;
	margin-top: 20px;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-bottom: 20px;
}

/*FOOTER*/

.credits {
	font-size: 23px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 10px;
}

.jdamy {
	font: 35px/38px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	font-weight: 700;
	margin-top: 14px;
	margin-bottom: 35px;
	color: white !important;
}

.jdamy a {
	color: #ffffff !important;
}

.jdamy a:link {
	color: #ffffff !important;
}

.jdamy a:visited {
	color: #ffffff !important;
}

.jdamy a:hover {
	border-bottom: 0 none!important;
	padding-bottom: 0px;
}

/* @end */


/*END GROUPS ****************************************************/

body {
	/*Dark*/
	/*background-color: #004A98;*/
	/*Light*/
	background-color: #FFFFFF;
	height: 100%;
}

/*APP WEBSITE*/
.app_endless {
	position: relative;
	width: 100%;
	background-color: #004A98;
	padding-top: 0;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

.app_wrapper {
  position: relative;
  width: 100%;
  background: url(../art/loader.png) 50% 150px no-repeat;
  background-size: 13%;
  margin-right: auto;
	margin-left: auto;
}

.app_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.app_container {
  position: absolute;
  width: 100%;
  height: 100%;
  
}


/*HEADER***************************************/



.header_wrapper {
	width: 100%;
	padding-bottom: 5px;
	background-color: #004A98;
}


.logo_col {
    grid-column: span 7;
}

.logo_col img {
	width: 125px;
	height: auto;
}

.header_icon {
	text-align: left;
	float: left;
}

.top_btns {
	grid-column: span 5;
} 


.btn_floater {
	margin-top: 20px;
	text-align: right;
	float: none;
	padding-bottom: 2px;
}

.btn_floater img {
	width: 40%;
	height: 100%;
	max-width: 230px;
	margin-right: 0;
	float: right;
	clear: none;
	margin-left: 4%;
}

.buttons_phone {
	display: none;
	visibility: visible;
	text-align: center;
}

.buttons_phone img {
	width: 90%;
	height: auto;
	max-width: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 28px;
	float: none;
	clear: none;
	text-align: center;
}

/*END HEADER *************************************/

/*MODULES ***************************************************************/

.module_endless_blue {
	width: 100%;
	background-color: #004A98;
}

.module_endless_green {
	width: 100%;
	background-color: #699b27;
}

.module_endless_award {
	width: 100%;
	background-color: #e7e5c9;
	padding-bottom: 20px;
	padding-top: 20px;
}

/*MODULE 1 - ALPHAPOD************************/

.module1_a {
	grid-column: span 12;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.module1_a img {
	margin: 20px auto 30px;
	width: 110px;
	height: auto;
}

.module1_b {
	display: none;
	visibility: hidden;
}

.module1_c {
	grid-column: span 12;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 2B - BACKGROUND GIRL************************/


.module2b_color {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 3vw;
}

.module2b_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(../art/background_girl.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.module2b_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 40vw;
}


/*MODULE 2 - DEVICE VIDEOS************************/

.module2_color {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -44vw;
}

.module2_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: none;
}

.module2_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 107%;
}

#module2_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 3 - COLOR AND MARIMBA************************/

.module3_color {
	margin-top: 0%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module3_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module3_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 56%;
}

#module3_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE 4 - MEMORY AND OTHER GAMES************************/

.module4_color {
	margin-top: 0px;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module4_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module4_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 58%;
}

#module4_hype_container {
	margin-right: auto;
	margin-left: auto;
}

/*MODULE 5B - BACKGROUND GIRL************************/


.module5b_color {
	margin-right: auto;
	margin-left: auto;
	margin-top: -4%;
}

.module5b_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: url(../art/background_boy.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.module5b_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 43vw;
}

/*MODULE 5 - AR COMPONENT************************/

.module5_color {
	margin-top: -44vw;
	margin-right: auto;
	margin-left: auto;
}

.module5_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module5_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 37vw;
}


/*MODULE 6 - AVAILABLE IN DIFFERENT PLATFORMS************************/

.module6_color {
	margin-top: 2%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.module6_wrapper {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.module6_wrapper:after {
  content: "";
  display: block;
  padding-bottom: 98%;
}

#module6_hype_container {
	margin-right: auto;
	margin-left: auto;
}


/*MODULE AWARDS ************************/

.award_wrapper {
	width: 96%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid green;*/
}

.first_award_col, .award_col, .award_title {
	float: left;
	width: 25%;
	height: 225px;
	/*border: 1px solid red;*/
	padding-left: 10px;
	padding-right: 10px;
}

.aw1, .aw2, .aw3 {
	border-left: 1px solid #a1a08c;
}

.first_award_col img {
	width: 100%;
	height: auto;
}

.award_col img {
	width: 100%;
	height: auto;
}

.award_title img {
	width: 70%;
	height: auto;
}

.award_spacer {
	margin-left: 4%;
}

/*.title_award {
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
	color: #000000;
	margin-top: 10px;
	word-break: keep-all;
	text-align: center;
}

.txt_award {
	font-size: 28px;
	line-height: 31px;
	font-weight: 500;
	color: #000000;
	word-break: keep-all;
	text-align: center;
	margin-top: 5px;
}*/

.award_icon {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*END MODULES********************************************************/

/*ALPHAPOD STORE *******************************************************/

/* @group STORE GRID */

.store_grid {
	width: 90%;
	max-width: 1500px;
	display: grid;
	grid-column-gap: 3%;
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 50px 0px 90px;
	background-color: white;
}

.store_wrapper {
	width: 100%;
	background-color: white;
}

.store_header_wrapper {
	grid-column: span 12;
	margin-bottom: 30px;
	text-align: center;
}

.store_header {
	margin-right: auto;
	margin-left: auto;
	width: 60%;
}

.store_header img {
	margin: auto;
	width: 100%;
	height: auto;
}

.store_product {
	grid-column: span 3;
	margin-bottom: 50px;
	text-align: center;
}

.store_product img {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.last_product {
	grid-column: span 12;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-top: 40px;
}

.btn1 {
	background-color: #8DB228;
}

.btn1:hover {
	background-color: #839E1E;
}

.btn2 {
	background-color: #E25246;
}

.btn2:hover {
	background-color: #CE413A;
}

.btn3 {
	background-color: #049ECE;
}

.btn3:hover {
	background-color: #008EAF;
}

.btn4 {
	background-color: #858726;
}

.btn4:hover {
	background-color: #75751F;
}

.btn5 {
	background-color: #DB2554;
}

.btn5:hover {
	background-color: #BC1948;
}

.btn6 {
	background-color: #049ECE;
}

.btn6:hover {
	background-color: #008EAF;
}

.btn7 {
	background-color: #2C92AD;
}

.btn7:hover {
	background-color: #238399;
}

.btn8 {
	background-color: #43307f;
}

.btn8:hover {
	background-color: #261f59;
}

.btn9 {
	background-color: #4C2D75;
}

.btn10 {
	background-color: #D41D5B;
}

.btn11 {
	background-color: #ED3915;
}

.btn12 {
	background-color: #4C4C89;
}

.btn13 {
	background-color: #98B51D;
}

.btn13:hover {
	background-color: #92A51E;
}

.btn14 {
	background-color: #19936F;
}

.btn14:hover {
	background-color: #15845F;
}

.btn15 {
	background-color: #D61A42;
}

.btn15:hover {
	background-color: #B7153F;
}

.btn16 {
	background-color: #69306D;
}

.btn16:hover {
	background-color: #542459;
}

.btn17 {
	background-color: #E94840;
}

.btn18 {
	background-color: #00AF8D;
}

.btn19 {
	background-color: #88431D;
}

.btn20 {
	background-color: #4C4C89;
}

.btn21 {
	background-color: #4C2D75;
}

.btn_last {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	color: #ffffff;
	background: url(../art/btn_arrow@2x.png) no-repeat;
	background-size: 5%;
	background-position-x: 260px;
	background-position-y: 18px;
	padding: 12px 60px 12px 40px;
	text-align: center;
	margin: 30px auto 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #049ECE;
}

.btn_last:hover {
	background-color: #0090B2;
}


/* @end */

/*END ALPHAPOD STORE *******************************************************/



/*FOOTER *******************************************************/
.footer_wrapper {
	width: 100%;
	background-color: #004A98;
}

.footer_grid {
	width: 95%;
	max-width: 1600px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0px;
	color: white;
	font-size: 18px;
}

.sec_grid {
	width: 50%;
	max-width: 180px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0;
}

.col_left {
	grid-column: span 5;
	text-align: left;
}

.col_left img {
	width: 40%;
	height: auto;
}


.col_right {
	grid-column: span 7;
	text-align: right;
}

.col_icon {
	grid-column: span 6;
	margin-bottom: 0px;
	text-align: right;
	padding: 0 10px 20px;
}

.col_icon img {
	width: 100%;
	height: auto;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.footer_btn {
	width: 46%;
	max-width: 230px;
	height: auto;
	padding-left: 15px;
}

.footer_btn2 {
	margin-left: 25px;
	float: left;
}

/*END FOOTER *******************************************************/




/*RESPONSIVE****************************************************/

/*1250*/
@media only screen and (max-width: 1250px) {

	.btn_floater img {
		width: 40%;
		height: 100%;
	}
}


/*1100*/
@media only screen and (max-width: 1100px) {

	.btn_floater {
		margin-top: 15px;
	}
	
	.module1b_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 12%;
	}
	
	.buttons_phone {
		display: none;
		visibility: hidden;
	}
	
	/*STORE 1100******************************/
	
	
	.store_product {
		grid-column: span 4;
		margin-bottom: 40px;
	}
	
	/*FONTS 1100*******************************/
	
	.store_text {
		font-size: 36px;
	}
	
	 /*HEADER 1100**********************************/
	 
	 
	 .logo_col {
		grid-column: span 12;
	}
	 
	 .top_btns {
		display: none;
		}
	
	/*FOOTER 1100*******************************/
	
	
	.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 35px;
	}
	


}

/*900*/
@media only screen and (max-width: 900px) {

	.buttons_phone {
		display: block;
		visibility: visible;
	}
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.module1_b {
		grid-column: span 12;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		display: block;
		visibility: visible;
	}
	
	.module1_b img {
		width: 95%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
}


/*840*/
@media only screen and (max-width: 840px) {
	
	.btn_floater {
		margin-top: 10px;
	}
	

	/*FONTS 840************************************/
	
	.product_title {
		font-size: 26px;
		line-height: 30px;
	}
	
	
	.button {
		font-size: 20px;
		line-height: 40px;
	}
	
	.store_text {
		font-size: 34px;
		line-height: 40px;
	}
	
	/*FOOTER 840*/
	
	
	.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 35px;
	}
	
	.footer_btn2 {
		margin-left: 15px;
		float: left;
		margin-top: 0;
	}
	
	.col_left {
		grid-column: span 6;
		text-align: left;
	}
	
	.col_left img {
		width: 40%;
		height: auto;
	}
	
	.col_right {
		grid-column: span 6;
		text-align: right;
	}


}

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

	.header_wrapper {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 0;
	}
	
	.btn_floater {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
	}
	
	.header_icon {
		clear: left;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	
	.logo_col img {
		width: 150px;
	}
	
	
	.main_grid {
		width: 95%;
		max-width: 1880px;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		margin-right: auto;
		margin-left: auto;
		padding: 10px 0px 0px;
	}
	
	.buttons_phone {
		display: block;
		visibility: visible;
	}
	
	/*MODULES 740*************************************************/
	
	
	.module1_a img {
		margin: 20px auto 30px;
		width: 25%;
		height: auto;
	}
	
	.module2b_color {
		margin-top: -4%;
	}
	
	.module2b_wrapper {
		background-size: 150%;
		background-position: -110px 0;
	}
	
	.module2b_wrapper:after {
		padding-bottom: 60%;
	}
	
	.module2_color {
		margin-top: -46%;
	}

	.module2_wrapper:after {
		padding-bottom: 135%;
	}
	
	
	.module3_wrapper:after {
		padding-bottom: 213%;
	}
	
	.module4_wrapper:after {
		padding-bottom: 133%;
	}
	
	.module5b_color {
		margin-top: -7%;
	}
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -130px 0;
	}
	
	.module5b_wrapper:after {
		padding-bottom: 60%;
	}
	
	.module5_color {
		margin-top: -53%;
	}
	
	.module5_wrapper:after {
		padding-bottom: 75%;
	}
	
	.module6_color {
		margin-top: -25%;
		padding-top: 23%;
	}
	
	.module6_wrapper:after {
		padding-bottom: 186%;
	}
	
	/*AWARDS 740**************************************************/

	.award_title, .aw1 {
		margin-bottom: 25px;
	}
	
	.aw1 {
	border-left: 1px solid #a1a08c !important;
	}
	
	.aw2 {
		border-left: 0px;
	}

	.first_award_col, .award_col, .award_title {
		width: 50%;
		height: 225px;
		padding-left: 10px;
		padding-right: 10px;
		/*border: 1px solid red;*/
	}

	.first_award_col {
		border-left: 0px;
	}

	.first_award_col img {
		width: 70%;
	}
	
	.award_title img {
		width: 70%;
		max-width: 180px;
	}

	.award_col img {
		width: 70%;
	}
	
	
	/*STORE 740*/
	
	.store_grid {
		width: 95%;
		display: grid;
		grid-column-gap: 3%;
		grid-template-columns: repeat(12, 1fr);
		margin-right: auto;
		margin-left: auto;
		padding: 50px 0px;
		background-color: white;
	}
	
	.store_product {
	grid-column: span 6;
	margin-bottom: 20px;
	}
	
	.product_img {
		margin-top: 30px;
	}
	
	.store_header {
		width: 80%;
	}
	
	/*FONTS 740************************************/
	
	.app_name {
		font-size: 38px;
		font-weight: 700;
		color: white;
		line-height: 38px;
	}

	.tagline {
		font-size: 29px;
		line-height: 37px;
		margin-top: 0px;
		word-break: keep-all;
		padding-top: 5px;
		padding-bottom: 20px;
		text-align: center;
	}
	
	.product_title {
		font-size: 35px;
		line-height: 44px;
	}
	
	.button {
		font-size: 28px;
		width: 230px;
	}
	
	.store_text {
		font-size: 34px;
		line-height: 125%;
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.redbubble {
		font-size: 25px;
	}
	
	.btn_last {
		font-size: 24px;
		line-height: 28px;
		background-size: 5%;
		background-position-x: 235px;
		background-position-y: 16px;
		padding: 12px 60px 12px 40px;
	}
	
	.app_name {
		font-size: 60px;
		font-weight: 700;
		color: white;
		line-height: 55px;
		text-align: center;
		margin-bottom: 10px;
	}
	
	
	.text_module1 {
		font-size: 5vw;
		margin: 30px auto;
		width: 100%;
		line-height: 128%;
	}
	
	/*FOOTER 740*/
	
	.footer_grid {
		width: 90%;
		font-size: 18px;
		text-align: center;
	}
	
	.sec_grid {
		width: 100%;
		max-width: 320px;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-top: 40px;
		margin-left: auto;
		text-align: center;
	}
	
	.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
		text-align: center;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 25px;
	}
	
	.footer_btn2 {
		margin-left: 18px;
		float: left;
		margin-top: 0;
		clear: none;
	}
	
	.col_left {
		grid-column: span 12;
		text-align: center;
	}
	
	.col_left img {
		width: 45%;
		height: auto;
	}
	
	.col_right {
		grid-column: span 12;
		text-align: center;
	}
	
	.col_icon {
		grid-column: span 3;
		margin-bottom: 0px;
		text-align: right;
		padding: 0 20px 20px 0;
	}

	.col_icon img {
		width: 100%;
		height: auto;
		text-align: right;
		margin-left: auto;
		margin-right: 0;
	}

}

@media only screen and (max-width: 600px) {
	
	/*FONTS 600************************************/
	
	.product_title {
		font-size: 28px;
		line-height: 34px;
	}
	
	.button {
		font-size: 21px;
		line-height: 20px;
		width: 160px;
	}
	
	/*AWARDS 600********************************/


	.first_award_col img {
		width: 85%;
	}

	.award_col img {
		width: 85%;
	}


}

@media only screen and (max-width: 500px) {
	
	/*MODULES 500******************************/
	.module1_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 58%;
	}
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -95px 0;
	}
	
	.module2_color {
		max-width: 1900px;
		margin-right: auto;
		margin-left: auto;
		margin-top: -52%;
	}
	
	.module2_wrapper:after {
		padding-bottom: 155%;
	}
	
	/*MODULE AWARDS 500 ************************/
	
	.award_title img {
		width: 80%;
	}
	
	.first_award_col img {
		width: 100%;
	}

	.award_col img {
		width: 100%;
	}
	
	.first_award_col, .award_col, .award_title {
		height: 205px;
	}
	
	
		
	/*FONTS 500************************************/
	
	.product_title {
		font-size: 25px;
		line-height: 34px;
		margin-top: 14px;
		margin-bottom: 25px;
	}
	
	.button {
		font-size: 19px;
		line-height: 20px;
		width: 160px;
	}
	
	.jdamy a {
	color: #ffffff !important;
	}

	.jdamy a:link {
		color: #ffffff !important;
	}

	.jdamy a:visited {
		color: #ffffff !important;
	}

	.jdamy a:hover {
		border-bottom: 0 none!important;
		padding-bottom: 0px;
	}
	
	.text_module1 {
		font-size: 30px;
		line-height: 38px;
		width: 97%;
	}
	
	/*.store_text, .title_award {
		font-size: 34px;
		line-height: 125%;
		margin-top: 20px;
		margin-bottom: 0;
	}*/
	

}

@media only screen and (max-width: 380px) {
	
	/*MODULES 380******************************/
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -80px 0;
	}
	
	/*FONTS************************************/
	
	.product_title {
		font-size: 22px;
		line-height: 26px;
	}
	
	.button {
		font-size: 17px;
		width: 97%;
		margin-top: 10px;
	}
	
	/*FOOTER 380*/

	.credits {
		font-size: 26px;
		line-height: 36px;
	}

	.jdamy {
		font: 40px/42px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	}
	
	.footer_btn2 {
		margin-left: 0;
		float: left;
		margin-top: 25px;
		clear: left;
	}
	
	.col_left img {
		width: 80%;
		height: auto;
		margin-right: auto;
		margin-left: 10%;
	}
	
	/*MODULE AWARDS 380 ************************/
	
	.first_award_col, .award_col, .award_title {
		height: 180px;
	}
	
	
}


/*RESPONSIVE FOR LONG SCREENS LIKE LAPTOPS*****************************/

/*Height 1080*/
@media only screen and (max-height: 1080px) {
	
	.app_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 43%;
	}
}


/*RESPONSIVE FOR IPHONES*****************************/
 /*iPhone 11*/
@media only screen 
    and (device-width: 414px)
    and (orientation : landscape)
    and (-webkit-device-pixel-ratio: 3) { 

	/*FONTS************************************/
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.header_wrapper {
		width: 100%;
		padding-bottom: 0px;
	}

}

/*iPhone 11 Pro Max*/
@media only screen 
    and (device-width: 414px)
    and (orientation : landscape)
    and (-webkit-device-pixel-ratio: 2) { 

	/*FONTS************************************/
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.header_wrapper {
		width: 100%;
		padding-bottom: 0px;
	}

}


	.tagline {
		/*font-size: 29px;
		line-height: 37px;
		margin-top: 0px;
		word-break: keep-all;
		padding-top: 5px;
		padding-bottom: 20px;*/
		text-align: center;
	}
	
	.product_title {
		font-size: 35px;
		line-height: 44px;
	}
	
	.button {
		font-size: 28px;
		width: 230px;
	}
	
	.store_text {
		font-size: 34px;
		line-height: 125%;
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.redbubble {
		font-size: 25px;
	}
	
	.btn_last {
		font-size: 24px;
		line-height: 28px;
		background-size: 5%;
		background-position-x: 235px;
		background-position-y: 16px;
		padding: 12px 60px 12px 40px;
	}
	
	.app_name {
		font-size: 60px;
		font-weight: 700;
		color: white;
		line-height: 55px;
		text-align: center;
		margin-bottom: 10px;
	}
	
	
	.text_module1 {
		font-size: 5vw;
		margin: 30px auto;
		width: 100%;
		line-height: 128%;
	}
	
	/*FOOTER 740*/
	
	.footer_grid {
		width: 90%;
		font-size: 18px;
		text-align: center;
	}
	
	.sec_grid {
		width: 100%;
		max-width: 320px;
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-top: 40px;
		margin-left: auto;
		text-align: center;
	}
	
	.credits {
		font-size: 24px;
		line-height: 34px;
		font-weight: 400;
		margin-bottom: 10px;
		text-align: center;
	}

	.jdamy {
		font: 32px/36px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 25px;
	}
	
	.footer_btn2 {
		margin-left: 18px;
		float: left;
		margin-top: 0;
		clear: none;
	}
	
	.col_left {
		grid-column: span 12;
		text-align: center;
	}
	
	.col_left img {
		width: 45%;
		height: auto;
	}
	
	.col_right {
		grid-column: span 12;
		text-align: center;
	}
	
	.col_icon {
		grid-column: span 3;
		margin-bottom: 0px;
		text-align: right;
		padding: 0 20px 20px 0;
	}

	.col_icon img {
		width: 100%;
		height: auto;
		text-align: right;
		margin-left: auto;
		margin-right: 0;
	}

}

@media only screen and (max-width: 600px) {
	
	/*FONTS 600************************************/
	
	.product_title {
		font-size: 28px;
		line-height: 34px;
	}
	
	.button {
		font-size: 21px;
		line-height: 20px;
		width: 160px;
	}
	
	/*AWARDS 600********************************/


	.first_award_col img {
		width: 85%;
	}

	.award_col img {
		width: 85%;
	}


}

@media only screen and (max-width: 500px) {
	
	/*MODULES 500******************************/
	.module1_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 58%;
	}
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -95px 0;
	}
	
	.module2_color {
		max-width: 1900px;
		margin-right: auto;
		margin-left: auto;
		margin-top: -52%;
	}
	
	.module2_wrapper:after {
		padding-bottom: 155%;
	}
	
	/*MODULE AWARDS 500 ************************/
	
	.award_title img {
		width: 80%;
	}
	
	.first_award_col img {
		width: 100%;
	}

	.award_col img {
		width: 100%;
	}
	
	.first_award_col, .award_col, .award_title {
		height: 205px;
	}
	
	
		
	/*FONTS 500************************************/
	
	.product_title {
		font-size: 25px;
		line-height: 34px;
		margin-top: 14px;
		margin-bottom: 25px;
	}
	
	.button {
		font-size: 19px;
		line-height: 20px;
		width: 160px;
	}
	
	.jdamy a {
	color: #ffffff !important;
	}

	.jdamy a:link {
		color: #ffffff !important;
	}

	.jdamy a:visited {
		color: #ffffff !important;
	}

	.jdamy a:hover {
		border-bottom: 0 none!important;
		padding-bottom: 0px;
	}
	
	.text_module1 {
		font-size: 30px;
		line-height: 38px;
		width: 97%;
	}
	
	/*.store_text, .title_award {
		font-size: 34px;
		line-height: 125%;
		margin-top: 20px;
		margin-bottom: 0;
	}*/
	

}

@media only screen and (max-width: 380px) {
	
	/*MODULES 380******************************/
	
	.module5b_wrapper {
		background-size: 150%;
		background-position: -80px 0;
	}
	
	/*FONTS************************************/
	
	.product_title {
		font-size: 22px;
		line-height: 26px;
	}
	
	.button {
		font-size: 17px;
		width: 97%;
		margin-top: 10px;
	}
	
	/*FOOTER 380*/

	.credits {
		font-size: 26px;
		line-height: 36px;
	}

	.jdamy {
		font: 40px/42px 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	}
	
	.footer_btn2 {
		margin-left: 0;
		float: left;
		margin-top: 25px;
		clear: left;
	}
	
	.col_left img {
		width: 80%;
		height: auto;
		margin-right: auto;
		margin-left: 10%;
	}
	
	/*MODULE AWARDS 380 ************************/
	
	.first_award_col, .award_col, .award_title {
		height: 180px;
	}
	
	
}


/*RESPONSIVE FOR LONG SCREENS LIKE LAPTOPS*****************************/

/*Height 1080*/
@media only screen and (max-height: 1080px) {
	
	.app_wrapper:after {
		content: "";
		display: block;
		padding-bottom: 43%;
	}
}


/*RESPONSIVE FOR IPHONES*****************************/
 /*iPhone 11*/
@media only screen 
    and (device-width: 414px)
    and (orientation : landscape)
    and (-webkit-device-pixel-ratio: 3) { 

	/*FONTS************************************/
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.header_wrapper {
		width: 100%;
		padding-bottom: 0px;
	}

}

/*iPhone 11 Pro Max*/
@media only screen 
    and (device-width: 414px)
    and (orientation : landscape)
    and (-webkit-device-pixel-ratio: 2) { 

	/*FONTS************************************/
	
	.app_wrapper, .app_endless, .app_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	#alphapodweb_hype_container {
		visibility: hidden;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	.header_wrapper {
		width: 100%;
		padding-bottom: 0px;
	}

}