body {
	background-color: #1b3b5f;
}

div.background {
	position: absolute;
	width: 100%;
	height: 100%;

	left:0px;
	top:0px;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('background.png');

	overflow: hidden;
}

.tag {
	font-family: 'Play', Arial;
	font-size:32px;
	color:#e7f5fd;
	text-shadow: -1px -1px 0 #095c8e, 1px -1px 0 #095c8e, -1px 1px 0 #095c8e, 1px 1px 0 #095c8e, 0 0 10px #095c8f;


    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    width:100%;
	height:auto;
    margin: 0px 0px;

	text-align: center;

	cursor: default;
}

div.logo {
	margin-top: 32px;
	font-size:96px;
	text-shadow: -2px -2px 1px #095c8e, 2px -2px 1px #095c8e, -2px 2px 1px #095c8e, 2px 2px 1px #095c8e, 0 0 20px #095c8f;
}

div.logo p {
	display: inline-block;
	margin:0px 0px;
	width:100%;
}

div.com {
	font-size:32px;
	text-align: center;
}

div.com p {
	display: inline-block;
	margin:0px 0px;
	text-align: right;
	width:560px;
}

div.play {
	height:256px;
}

button {
	margin-top: 20px;
	display: inline-block;
	height: 180px;
	width: 180px;
	border: none;
	background-size:contain;
	outline: none;
}

button.play {
	background: url('play.png');
	background-size:contain;
	color: #0;
}

button.pause {
	background: url('pause.png');
	background-size:contain;
}

div.content {

}

div.content p {
	margin:0px;
	font-size:32px;
}

@media (max-width: 620px) {
	div.logo {
		margin-top: 0px;
	}
	div.logo p {
		font-size:80px;
		width:320px;
	}
	div.com p {
		font-size:28px;
		width: 176px;
	}
	div.play {
		height:192px;
	}
	button {
		height:140px;
		width: 140px;
	}
	div.content p {
		font-size:26px;
	}
}