body {
	background-color: #3cc3b1;
	font-family: 'Roboto', serif;
	color: white;
	text-align: center;
	line-height: 1.6;
}

h2 {
	margin-top: 40px;
	margin-bottom: 10px;
}

p {
	display: block;
	margin: 15px auto;
	max-width: 400px;
}

.top {
	height: 30px;
}

.box-dados {
	display: block;
	width: 400px;
	border: 2px solid white;
	margin: 0 auto;
	padding: 20px 0;
}

.qr-code {
	display: block;
	width: 200px;
	margin: 0 auto;
	border-radius: 20px;
}

.logo {
	display: block;
	height: 200px;
	margin: 50px auto 20px;
}

@media only screen and (max-width: 500px) {
  p {
    max-width: 90%;
	}
	
	.box-dados {
		width: 90%;
	}

	.logo {
		height: 140px;
	}
}