* {
	
}

html, body {
	height: 100%;
}

body {
	background-image: url(../img/bg.png);
    background-position: center top;
    background-repeat: repeat;
}

body.bg-dark {
	background-image: url(../img/bg-dark.png);
}

main {
    background-image: url(../img/presepio.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 70rem;
    min-height: 45rem;
}

h1, h2, h4, h5,
.h1, .h2, .h4, .h5 {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 900;
	color: #fff;
}

h3, .h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

h3 strong, .h3 strong {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 900;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: .9rem;
}

a {
	color: #f25a29;
}

.btn {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 900;
	color: #fff;
	padding: .5rem 2rem;
	border-radius: 2rem;
	font-size: .8rem;
	border: none;
	opacity: 1;
	transition: .3s All;
}

.btn-primary {
	background-color: #b8653d;
}

.btn-primary:hover {
	background-color: #b8653d;
	opacity: .7;
}

.btn-secondary {
	background-color: #f25a29;
}

.btn-secondary:hover {
	background-color: #f25a29;
	opacity: .7;
}

.home-left {
	padding-bottom: 0;
	padding-top: 16rem;
}

.home-left h1 {
    margin-bottom: 2rem;
}

.home-right {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.personagens {
	padding-bottom: 6rem;
	padding-top: 2rem;
}

.swiper-slide div {
	text-align: center ;
}

.swiper_cenario .swiper-slide a {
	height: 12rem;
	width: 12rem;
	display: inline-block ;
	border-radius: 8rem;
	background-color: #b7653c ;
	position: relative ;
}

.swiper_cenario .swiper-slide a .hover-content {
	position: absolute;
	transition: .3s All;
	opacity: 0;
	width: 10rem;
	text-align: center;
	top: 5rem;
	left: 1rem;
	color: #fff;
	font-weight: bold;
}
.swiper_cenario .swiper-slide a:hover .hover-content {
	opacity: 1 ;
}

.swiper_cenario .swiper-slide .bloqueado a {
	background-color: #cf7d4f ;
}

.swiper_cenario .swiper-slide .bloqueado img {
	filter: grayscale(90%) /*blur(5px)*/;
	opacity: .6;
}

.swiper_cenario .swiper-slide .bloqueado p,
.swiper_cenario .swiper-slide .bloqueado h3 {
	color: #b7653c ;
}

.swiper_cenario .swiper-button-next, 
.swiper_cenario .swiper-button-prev {
	top: 33%;
	width: 2.5rem;
	height: 2.5rem;
	color: #fff;
	background-color: #f15a29;
	border-radius: 2rem;
}

.swiper_cenario .swiper-button-next:after, 
.swiper_cenario .swiper-button-prev:after {
    font-size: 1.4rem;
}

@media (min-width: 768px)
{
	body {
		background-position: center top 36rem ;
	}
	
	main {
		background-image: url(../img/presepio.png);
		background-position: center top ;
		background-repeat: no-repeat ;
		background-size: auto;
		min-height: 45rem;
	}	
	
	.home-left {
		padding-top: 0;
		padding-bottom: 8rem;
	}
	
	.home-left h1 {
		margin-bottom: 5rem;	
	}
	
	.home-right {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
}