body {
	background: url(bg-site.jpg) no-repeat 50% 0;
	background-size: cover;
	margin-top: 60px;
}

img {
	width: 33%;
}

#text-destiny {
	background: rgba(255, 255, 255, .15);
	margin-top: 3%;
	padding: 15px;
	width: 100%;
}

#text-destiny span {
	color: #FFF;
	font-family: "Lato", 'sans-serif';
	font-size: 27px;
	font-weight: 500;
	letter-spacing: 8px;
}

a.btn {
	background-color: #FFFFFF;
	border: none;
	border-radius: 5px;
	color: #482452;
	font-family: "Lato", 'sans-serif';
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	max-width: 230px;
	padding: 15px 16px;
	transition: background-color 0.5s ease;
}

a.btn:active, a.btn:focus, a.btn:hover {
	background-color: #482452;
	color: #FFF;
}

#body-button {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 5%;
	padding-bottom: 5%;
}

.amy__p {
	color: #fff;
	font-family: "Lato", 'sans-serif';
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.note {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	color: #fff;
}

@media(max-width: 992px) {

	#text-destiny span {
		color: #FFF;
		font-size: 16px;
		font-family: "Lato", 'sans-serif';
		letter-spacing: 3px;
	}

	img {
		width: 60%;
	}

	#text-destiny, #body-button {
		margin-top: 10%;
	}

	#body-button {
		flex-direction: column;
	}

	body {
		height: 100vh;
	}

	.note {
		font-size: 12px;
	}

}

@media(min-width: 1680px) {

	body {
		margin-top: 145px;
	}

	img {
		width: 26%;
	}

}

@media(min-width: 1024px) and (max-width: 1350px) {

	#text-destiny span {
		font-size: 30px;
	}

}

@media(min-width: 1400px) and (max-width: 1679px) {

	img {
		width: 31%;
	}

	#text-destiny span {
		font-size: 32px;
	}

}

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

	.amy__p {
		font-size: 16px;
	}

	a.btn {
		font-size: 18px3
	}

}