html {
	scroll-behavior: smooth;
}

body {
	margin: auto;
	width: 100%;
	max-width: 1400px;
	overflow-x: hidden;
	background-color: #fff;
}

.container {
	background-color: #fff;
}

.parallax-content {
	background-color: #fff;
}

.parallax {
	width: 100%;
	min-height: 100vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.img1 {
	background-image: url("../img/rio-bn.jpg");
}

.img2 {
	background-image: url("../img/rio-color.jpg");
	height: -200px;
}

.bg_video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
}

.fixed-top {
	position: fixed;
	background-color: #fff;
	background-position: center;
	background-image: url("../img/banner.jpeg");
	background-repeat: no-repeat;
	background-size: contain;
	height: 75px;
}

.btn-flotante {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
	letter-spacing: 2px;
	background-image: linear-gradient(to right, #00A8DE, #B1B0AE, #F38F9F, #ED406A, #D58CCF, #27B500, #FFAE00);
	padding: 18px 30px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}

.btn-flotante:hover {
	background-color: #000;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

a {
	color: #00A8DE;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 600px) {
	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}

@media (max-width: 1100px) {
	.parallax {
		background-position-y: -60px;
	}
}

@media (max-width: 768px) {
	.fixed-top {
		height: 55px;
	}

	.bg_video {
		opacity: 1;
		margin-top: 55px;
		height: 280px;
	}
}

@media (max-width: 640px) {
	.parallax {
		background-position-y: 280px;
		min-height: 38vh;
	}

	.bg_video {
		position: fixed;
	}
}