@charset "utf-8";
/* estilos bem bacanos de miguelrcardoso.com */

#menu {
	position: fixed;
	z-index: 3;
	top: 0;
	padding-top: 9.5rem;
	padding-bottom: 2rem;
	left: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s ease-out;
}

#degrade {
	height: 20vh;
}

#botao-menu-carmo {
	position: fixed;
	z-index: 6;
	top: 1rem;
	left: 2rem;
	height: 3rem;
	display: none;
	cursor: pointer;
}

#logos-desktop {
    display: none;
}

#logos-mobile {
    display: block;
}

.titulo-mobile {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.numeros {
	font-family: editorialnew-thin, serif;
	font-style: normal;
	text-transform: none;
	font-size: 3rem;
	line-height: 3rem;
	text-align: center;
}

.titulotxt {
	font-family: editorialnew-bold, serif;
	font-style: normal;
	text-transform: none;
	font-size: 1.8rem;
	text-align: center;
}

.bodycopy {
	font-family: editorialnew-regular, serif;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2rem;
}

.smallcaps {
	font-family: editorialnew-bold, sans-serif;
	font-style: small-caps;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.centrado-excepcao {
	text-align: center;
}

#fonte {
	padding-top: 0rem;
	word-break: break-all;
	padding-bottom: 1rem;
}

#traducao {
	padding-left: auto;
}

#menu::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
	#contentor {
		width: calc(100% - 10rem);
		top: 10rem;
		right: 5rem;
	}
	.titulo-mobile {
		display: block;
		position: relative;
		left: 20%;
		width: 60%;
		text-align: center;
	}
	.centrado-excepcao {
		text-align: left;
	}
	#traducao {
		padding-left: 5rem;
	}
	#fonte {
		padding-top: 5rem;
	}
	#logos-mobile {
        display: none;
    }
    #logos-desktop {
        display: block;
    }
	#degrade {
		width: 100%;
		height: auto;
	}
	#botao-menu-carmo {
		top: 2.25rem;
		left: 5rem;
		height: 2.5rem;
		display: block;
	}
}