body {
	font-family:'Montserrat', sans-serif;
	/*background-color:#1B1C1D;*/
	background-color:#222222;
	color:#FFFFFF;
}
h1 {font-family:"Cinzel", serif;font-size:3.2em;margin:25px auto 0px auto;text-align:center;font-weight:normal;}
h2 {font-family:"Cinzel", serif;font-size:2.0em;margin:25px auto 15px auto;text-align:center;font-weight:normal;}
h3 {font-family:"Cinzel", serif;font-size:1.5em;margin:0px auto 15px auto;text-align:center;font-weight:normal;xcolor:#F7FF9A;}
h4 {font-family:"Cinzel", serif;font-size:1.2em;margin:15px auto 0px auto;text-align:center;font-weight:normal;color:#FFFFFF;background-color:#131415;padding:10px 15px;}
.logo {font-family:'Montserrat', sans-serif;font-size:1.0em;margin:0px;font-weight:bold;}
h1,h2,h3,.logo {
	/*width:fit-content;*/
	background:linear-gradient(132deg,#D2AC47 5%,#F7EF8A 45%,#AE8625 85%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
a:link {color:#F7FF9A;text-decoration:none;}
a:visited {color:#F7FF9A;text-decoration:none;}
a:hover,a:active {color:#F7FF9A;text-decoration:none;}
#mainNav {
	padding-top:15px;
	padding-bottom:15px;
	/*background-color:#131415;*/
	background-color:#000000;
	box-shadow:0px 0px 10px #000000;
	z-index:1;
}
#mainNav .navbar-brand {
	color:#EEDDFF;
	font-weight:bold;
}
#mainNav .navbar-nav {
	margin-top:15px;
	/*letter-spacing:0.0625rem;*/
	font-weight:normal;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
	text-decoration:none;
	color:#DDDDDD;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
	color:#FFFFFF;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
	color:#FFFFFF;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
	color:#F9D933;
}
#mainNav .navbar-toggler {
	font-size:80%;
	padding:0.8rem;
	color:#F7FF9A;
}
section {
	padding:0px 15px 15px 15px;
}
.container {
	/*max-width:1200px;*/
}
.item {
	opacity:0;
	/*transition: opacity 2s ease-out;*/
}
@keyframes sobe {
	0% {
		opacity:0;
		transform:translateY(200px) scale(0);
	}
	100% {
		opacity:1;
		transform:translateY(0px) scale(1);
	}
}
.item.show {
	animation-name:sobe;
	animation-duration:0.6s;
	animation-timing-function:linear;
	animation-delay:0.6s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
	/*opacity:1;*/
}
.titulo {
	text-align:center;
	margin-bottom:20px;
}
.flag {
	width:30px;
	height:30px;
	margin:10px 10px 0px 10px;
	box-shadow:1px 1px 5px #222222;
	border-radius:50%;
}
.box {
	background-color:#FFFFFF;
	text-align:center;
	margin:0px 0px 10px 0px;
}
.foto {
	width:100%;
	margin:0px 0px 5px 0px;
}
.etiqueta {
	color:white;
	margin-top:10px;
}
.desaturate {
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.desaturate:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:inherit;
	filter:gray;
	filter:grayscale(0%);
}
ul {
	list-style-image:url('../imagens/ok.png');
}
li {
	/*margin-bottom:inherit;*/
}
.botao {
	font-family:"Cinzel", serif;
	font-size:1.2em;
	font-weight:bold;
	background:linear-gradient(132deg,#D2AC47 5%,#F7EF8A 45%,#AE8625 85%);
	color:#000000;
	border:none;
	border-radius:30px;
	padding:10px 20px;
}
.botao:hover, .botao:focus, .botao:active {
}
.contato {
	background-color:#131415;
	text-align:center;
	padding-top:30px;
}
.contato p {
	margin-top:0px;
	color:#FFFFFF;
}
.contato img {
	margin:20px auto;
}
.copyright {
	font-size:80%;
	text-align:center;
	padding:15px 0px;
	color:#FFFFFF;
}
@media (min-width:992px) {
	#mainNav {
		padding-top:15px;
		padding-bottom:15px;
		-webkit-transition:padding-top 0.3s, padding-bottom 0.3s;
		-moz-transition:padding-top 0.3s, padding-bottom 0.3s;
		transition:padding-top 0.3s, padding-bottom 0.3s;
	}
	#mainNav .navbar-brand {
		font-size:2em;
		-webkit-transition:font-size 0.3s;
		-moz-transition:font-size 0.3s;
		transition:font-size 0.3s;
	}
	#mainNav .navbar-nav {
		margin-top:0;
	}
	#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
		color:#000000;
	}
	#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
		color:#000000;
	}
	#mainNav.navbar-shrink {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
	#mainNav.navbar-shrink .navbar-brand {
		font-size:1.5em;
	}
	.contato {
		padding-top:10px;
	}
	.contato p {
		margin:5px auto 0px auto;
	}
	.contato img {
		margin:10px auto 0px auto;
	}
}
