header {
	background-color: #3aad5c;
}
.contents-section {
	background-color: white;
	margin: auto;
	padding: 10px;
	width: calc(100% - 20px);
	max-width: 940px;
}
section#top {
	width: 100%;
	min-height: 90vh;
	background-color: #a8e0b9;
	text-align: center;
}
section#top h1 {
	margin: 0px;
	line-height: normal;
	padding-top: 50px;
}
section#top .detail {
	margin-top: 240px;
	padding-bottom: 20px;
}
section#top .detail .secure-screen-logo {
	font-size: 20pt;
	line-height: normal;
}
section#top .detail .secure-screen-logo .secure-screen-icon {
	height: 48px;
	width: auto;
}
.google-paly-badge {
	margin-top: 4px;
	height: 64px;
}
section#situation {
	min-height: 450px;
}
@media screen and (min-width: 1024px) {
	section#situation {
		min-height: 450px;
		background-image: url('../images/securescreenimg1.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right bottom;
	}
}
@media screen and (min-width: 810px) and (max-width: 1023px) {
	section#situation {
		background-image: url('../images/securescreenimg1.png');
		background-size: auto 30vw;
		background-repeat: no-repeat;
		background-position: right bottom;
	}
}
section#situation .mobile-img {
	margin: auto;
	width: 80%;
	display: none;
}
@media screen and (max-width: 809px) {
	section#situation .mobile-img {
		display: inline;
	}
}
.effect i {
  transition: .8s;
}
.effect div {
  transition: .8s;
  transition-delay: .8s;
}
section#situation {
	padding: 10px;
	padding-top: 10vh;
}
section#situation .h1{
	font-size: 20pt;
}
section#howTo {
	min-height: 450px;
	background-color: rgb(195, 231, 251);
}
section#howTo h1{
	margin: 0px;
	padding-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20pt;
}
section#howTo .how-to-steps{
	margin: auto;
	width: 700px;
	max-width: calc( 100% - 20px );
}
section#howTo .step {
	text-align: center;
}
section#howTo .step img {
	max-height: 350px;
}
section#howTo .step .step-text {
	margin: 10px;
	font-size: 14pt;
	line-height: normal;
}
section#detail {
	background-color: #f9ffd5;
	padding: 10px;
}
section#detail .contents {
	margin: auto;
	width: 700px;
	max-width: 100%;
}
section#detail .secure-screen-logo {
	font-size: 20pt;
	line-height: normal;
}
section#detail .secure-screen-logo .secure-screen-icon {
	height: 48px;
	width: auto;
}
section#detail .download-button {
	margin: 10px;
}