* {
  box-sizing: border-box;
}

body, html {
  height: 100%;
  margin: 0;
  background-color: #f9f9fe;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  background-size: 50%;
  
  overflow-x: hidden;
  
}

.pagecontainer {
	padding: 5%;
}

.header {
	/*background-color: #50af6f;*/
}

.header a:link {
  color: blue;
}

.header a:visited {
  color: blue;
}

.profilelink {
	text-decoration: none;
}

.myname {
	/*color: #fff;*/
	font-size: 1.5em;
	font-family: 'novecentosanswide';
	color: #0177a7;
}

.mytitle {
	/*color: #fff;*/
	font-size: 1.5em;
	font-family: 'novecentosanswide';
	color: #0177a7;
}

.product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.item {
  padding: 1rem;
  flex: 1 0 50%;
  margin: auto;
}

.apptitle {
	margin: 0;
	position: relative;
	top: -30;
	left: 70;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.description {
	color: #767676;
	font-size: 1.5em;
	font-family: "Times New Roman", Times, serif;
}


/* 				IMAGES				 */
.appstore {
	/* height: 4%; */
	height: 60;
}

.screenshot {
	width: auto;
	height: 35%;
	object-fit: cover;
}

.stitch {
	height: 15%;
}

.explore {
	height: 18%;
}

.icon {
	height: 60px;
}

@-moz-document url-prefix() {
	.appstore {
		height: 60;
	}
	.screenshot {
		height: 500;
  	}
	.stitch {
		height: 200;
	}
	
	.explore {
		height: 200;
	}
  	@media(max-width: 1450px) {
  		.screenshot {
			height: 300;
		}
		.stitch {
			height: 200;
		}
		
		.explore {
			height: 200;
		}
	}
}


.mobile {
	display: none;
}

@media print {
	.description {
		font-size: 1.1em;
	}
	.screenshot {
		height: 200px;
	}
	.stitch {
		height: 85px;
	}
	.explore {
		height: 110px;
	}
	.pagecontainer {
		padding: 0;
	}
	.profilelink {
		text-decoration: underline;
	}
	.myname {
		color: blue;
	}
	
	.mytitle {
		color: blue;
	}
}

 @media(max-width: 1450px) {
  	.screenshot {
		height: 300;
	}
	.stitch {
		height: 200;
	}	
	.explore {
		height: 200;
	}
}

/*Layout changes on screen width 700px*/
@media(max-width: 1275px) {
 	.item { 
 		flex: 1 0 100%;
 	}
 	.mobile {
	 	display: inline;
 	}
 	.desktop {
	 	display: none;
 	}
}