html {
  min-height: 100%;
  height: auto;
}
body {
  background-image: url('mmmpie.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
}
.container {
  background-color: #d2e2e1;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 450px;
  font-family: tahoma;
  border-radius: 15px;
  margin-bottom: 25px;
}


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

	.container
	{
		width: 80%;
	}

	.icon
	{
		width: 25%;
	}

	.follow
	{
		width: 65%;
	}

	.title
	{
		width: 70%;
	}

	.map
	{
		width: 65%
		height: 500px;
	}
	body {
		background-image: url('mmmobile.jpg');
		background-repeat: no-repeat;
		background-attachment: initial;
		background-position: bottom;
	-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size:contain;
background-size:contain;
}

	}