@charset "utf-8";
/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-position: center;
}
body {
	background-color: #000000;
	background: url(../img/IMG_0003_1.jpg) no-repeat;
	background-size: cover;
	position: fixed;
}
body {
  display: flex;
  flex-direction: column;
}

#mobiWrapper-small {
}
#mobiWrapper-med {
}
footer {
	background: #000000;
	color: white;
	margin: 10%;
	line-height: 50px;
	padding: 0 20px;
}

.content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
}
.footer,
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
}

@media (min-width:320px) and (max-width:500px){
	#mobiWrapper-small {
		width: 80%;
		float: left;
		margin-left: 10%;
		display: block;
	}
	#mobiWrapper-med {
		display: none;
	}
	footer {
		background: #000000;
		color: white;
		margin: 10%;
		line-height: 50px;
		padding: 0 20px;
	}
}

@media (min-width:501px) and (max-width:1920px){
	#mobiWrapper-small {
		display: none;
	}
	#mobiWrapper-med {
		width: 80%;
		float: left;
		margin-left: 10%;
		display: block;
	}
	footer {
		background: #000000;
		color: white;
		margin: 10%;
		line-height: 50px;
		padding: 0 20px;
	}
}