/** @Leandro Santana*/
html,
body {
	height: 100%;
	overflow-x: hidden;
}

body {
	background-attachment: fixed;
	font-family: Helvetica, Arial, sans-serif;
}

/*customização da barra de navegação criando a classe transparente************************************************************/
nav.navbar-transparente {
	padding: 15px 0px;
	/*background: rgba(33,17,1,0.9);*/
	background: rgba(0, 66, 12, 0.9);
}

.navbar-light .navbar-nav .nav-link {
	color: white;
	font-size: 0.6em;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #9bf0e1;
	font-size: 0.6em;
}

.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
	margin-right: 10px;
}

.boxfaixa {
	height: 100hv;
	width: 100%;
	background-color: #359830;
	padding: 20px;
	color: white;
}

/*

.capa {
	background-color: rgba(255, 255, 255, 0.54);
	padding: 2px;
}

/*botoes das paginas*/
.btn-custom {
	color: white;
	border-radius: 400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	text-transform: uppercase;
	transition: background 0.5s, color 0.5s;
	padding: 3px 5px;
		}
.btn-roxo {
	/*background: #7c25f8;*/
	background: rgba(26, 40, 95, 0.9);
	
	}
.btn-roxo:hover {
	/*background: #6207e3;*/
	background: rgba(30, 50, 150, 0.9);
	color: white;
	}


/*tipografia Padrão de todas as páginas*/

h1, h2, h3, h4, h5{
		font-weight: 700;
		letter-spacing: -0.01em ;
}

p {
	color:black;
	font-weight: 300;
	line-height: 1.4em;}

/*Fim do CSS da página Memórias ----------------------------------------*/
/* Rodapé -------------------------------------------*****************************************************************/

footer .navbar-nav {
	display: flex;
	justify-content: center;
}

footer .navbar-nav img {
	width: 30px;
	height: 30px;
}

footer .navbar-nav img:hover {
	transform: scale(1.1);
}

footer .navbar-nav a {
	color: white;
	font-size: 0.7em;
}

footer .navbar-nav a:hover {
	color: black;
	text-decoration: none;
}

footer ul {
	list-style: none;
}

footer ul li {
	margin: 0 2px;
}

.footer-image {
	max-width: 100px;
	width: 100%;
}
/* linha divisária que apareçe no rodapé */
.divider {
	width: 2px;
	height: 100%;
	background-color: #80808070;
}

/* MIDIAS QUERY*/
/*ajustar os estilos para diferentes tamanhos de tela */
/*Aqui é o CSS que vai ser aplicado para cada tamanho de tela,
de acordo com o tamanho da tela, o CSS vai aplicar o
estilo correspondente ao tamanho da tela, de acordo com o
que foi definido no	*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	h1 {font-size: 1em;}
	h2 {font-size: 1em;}
	.albuns img {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
	.imagem {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {font-size: 1em;	}

	h2 {font-size: 1em;}

	.albuns img {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	h1 {font-size: 2em;}

	h2 {font-size: 1.5em;}

	.albuns img {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) {
	h1 {font-size: 2em;}

	h2 {font-size: 1.5em;}

	.albuns img {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
	h1 {font-size: 2em;}

	h2 {font-size: 1.5em;}

	.albuns img {
		width: 100%;
		height: auto;
		transition: 0.3s;
	}
}

/* Fim do CSS da página Memórias ----------------------------------------*/