/*!
 * Start Bootstrap - Based on Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	/*font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	color: #000;
	/*background: url(../images/heart_bkg.jpg) no-repeat top center scroll;*/
	background-color: #dedede;
	background-size: 100%;
}

h1,
h2,
h3{
	text-align: center;
}
.header-block {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*background: url(../images/icon-512x512.png) no-repeat top center;*/
	background-color: black;
	background-size: contain;
	position: relative;
	height: 100px;
}
.header-block h1 {
	color: white;
	padding: .5em;
	z-index: 20;
}
.header-block img {
	height: 100%;
	position:absolute;
	display: inline;
	margin: 1em;
	top: 0;
	z-index: 10;
}
#bhh {
	z-index: 20;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.at-bottom{
	position: fixed;
	bottom: 0;
	left: 15px;
	background-color: silver;
	width: 100%;
	z-index: 10000;
	border-top: 2px solid #676767;
}

.store-img{
	margin: 10px;
	height: 50px;
}
.bh-img {
	width: 200px;
}
.gp-img {
	height: 70px;
}

.bg-semi {
	background-color: rgba(255,255,255,.7);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.app-screen {
	width: 300px;
}
@media (max-width: 768px){
	body {
		background-size: 200%;
	}
	.bh-img {
		width: 100px;
	}
	.gp-img { height: 55px;}
	.store-img { 
		height: 40px;
		margin: 8px;
	}
	.app-screen {
		width: 125px;
	}
}

.img-anim {
	animation: heartbeat;
	animation-duration: 10s;
	/*animation-direction: alternate;*/
	animation-iteration-count: infinite;
	-webkit-animation: heartbeat;
	-webkit-animation-duration: 10s;
	/*-webkit-animation-direction: alternate;*/
	-webkit-animation-iteration-count: infinite;
}

@keyframes heartbeat {
	0% {
		height: 100%;
	}

	90% { height: 100%;}
	91% {
		height: 110%;
	}

	92% {
		height: 100%;
	}

	93% {
		height: 110%;
	}

	94% {
		height: 100%;
	}
	100% {
		height: 100%;
	}
}



