* {
	background: rgba(0, 0, 80, 1);
   	color: white;
}

body {
  	height: 100%;
}

img {
	padding: 10px;
	height: 90vh;
	width: auto;
	vertical-align: top;
	align: center;
	margin-left: auto;
  	margin-right: auto;
	display: block;
}

@media only screen and (max-width: 728px) {
	body {
		overflow: hidden;
	}

	.desktop-item {
		display: none;
	}

	.mobile-container {
		overflow: hidden;
	}

	.mobile-item {
		/* height: 70vh; */
		width: 90vw;
		height: auto;
	}

	.mobile-helper {
		/* height: 8vh; */
	}
}

@media only screen and (min-width: 728px) {
	body {
		width: 100%;
	}

	.mobile-container {
		display: none;
	}

	img {
		padding: 20px;
		width: 90vw;
		height: auto;
		vertical-align: top;
		align: center;
		margin: 0 auto;
		display: block;
	}
}


