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

/* JANELA */
html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
	max-width: 100%;
	overflow-x: hidden;
	transition: 1s;
}

::-moz-selection {
	background: #00ff00;
	color: #000;
}

::selection {
	background: #00ff00;
	color: #000;
}

/* TIPOGRAFIA */
.bodycopy {
	font-family: pmingliu, serif;
	font-size: 2.25rem;
	line-height: 1.2;
	color: #000;
}

.escondido {
	visibility: hidden;
}

.legenda {
	font-family: maisonregular, sans-serif;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
}

.legenda b {
	font-family: maisonbold, sans-serif;
}

.legenda i {
	font-family: maisonregularoblique, sans-serif;
	font-style: italic;
}

.info {
	color: #000;
}

#infos {
	padding-bottom: 2rem;
}

.preto {
	color: #000;
}

.legenda-numero, .icone-olho {
	height: 1.5rem;
	float: left;
	padding-right: 0.5rem;
}

.seta {
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
}

.mbolditalic {
	font-family: maisonboldoblique, sans-serif;
}

.branco {
	color: #fff;
}

#titulo {
	position: fixed;
	top: 12rem;
	font-family: timesnewromancondensed, serif;
	font-size: 7rem;
	line-height: 0.9;
	letter-spacing: -2px;
	color: #fff;
	transition: 1s;
	mix-blend-mode: difference;
	font-variant-ligatures: common-ligatures;
}

#titulo:hover {
	font-family: timesnewromancondenseditalic, serif;
	font-style: italic;
}

#titulo i {
	font-family: timesnewromancondenseditalic, serif;
	font-style: italic;
}

.navegacao-link:link {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}
.navegacao-link:visited {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}
.navegacao-link:hover {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}
.navegacao-link:active {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}

.inicio {
	text-transform: lowercase;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 8px;
}

.inicio:hover {
	letter-spacing: 16px;
}

#caderno {
	z-index: 1;
	position: fixed;
	top: 5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 80vw;
	height: auto;
	max-height: 30vh;
	mix-blend-mode: difference;
}

#kroky {
    position: fixed;
	z-index: 100;
    width: 13rem;
    height: auto;
	transform: rotate(0deg);
	mix-blend-mode: difference;
	transition: transform 1s;
	cursor: pointer;
}

#kroky:hover {
	transform: rotate(360deg);
}

/* LAYOUT */
#desktop {
	display: none;
}

.legenda-mobile {
	display: block;
}

#painelfinal {
	position: fixed;
	z-index: 99;
	top: calc(100% + 1px);
	left: 0;
	width: 100vw;
	height: calc(100vh + 1px);
	background-color: #00ff00;
	border-top: 1px solid #000;
	transition: top 1s ease;
	overflow: hidden;
}

#painelfinal.visivel {
	top: -1px;
}

#painelfinal .imagem-cursor {
	width: 6.25rem;
	mix-blend-mode: multiply;
}

#painelfinal .linha-divisoria {
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background-color: #000;
  z-index: 100;
  pointer-events: none;
}

#painelfinal .esquerdacima {
	position: absolute;
	height: 50%;
	width: 100%;
	padding: 1rem;
	top: 0;
	left: 0;
	cursor:url('vectores/mao.svg'), pointer;
}

#painelfinal .direitabaixo {
	position: absolute;
	height: 50%;
	width: 100%;
	padding: 1rem;
	left: 0;
	top: 50%;
	cursor:url('vectores/mao.svg'), pointer;
}

#painelfinal .esquerdacima .contentordimagem, #painelfinal .direitabaixo .contentordimagem {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#painelfinal .setona {
	width: 100%;
	height: auto;
	display: block;
}

#painelfinal .trabalho {
	display: none;
	width: 100%;
	height: auto;
}

#painelfinal .esquerdacima:hover .setona {
	display: none;
}

#painelfinal .esquerdacima:hover .trabalho {
	display: block;
}

#painelfinal .direitabaixo:hover .setona {
	display: none;
}

#painelfinal .direitabaixo:hover .trabalho {
	display: block;
}

#painelfinal .esquerdacima:hover .trabalho,
#painelfinal .direitabaixo:hover .trabalho {
	animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
	0% { transform: scale(0.8); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

#painelfinal .bodycopy {
	color: #000;
	font-size: 3rem;
	line-height: 1;
	width: calc(100% - 4.375rem);
	transition: 1s ease;
}

#painelfinal .esquerdacima:hover .bodycopy,
#painelfinal .direitabaixo:hover .bodycopy {
	font-size: 10rem;
	word-break: break-all;
}

#painelfinal .legenda {
	width: 50%;
}

.metade {
	width: 50%;
}

.metade-direita {
	padding-left: calc(50% + 0.5rem);
}

.botao:hover .navegacao-link {
    display: none;
}

.botao:hover .navegacao-hover, .botao:hover .navegacao-hover2 {
    display: block;
}

.fundo-preto {
	background-color: #000;
}

.fundo-row-bs5 {
	position: relative;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}

.linha {
	width: 100%;
	height: 1px;
	background-color: #000;
}

.atras {
	position: static;
}

.atras-sobrepor {
	top: -9.375rem;
}

.layer0:hover {
	position: relative;
	z-index: 2;
}

.layer0-2:hover {
	z-index: 2;
}

.layer0-3 {
	z-index: -1;
}

.layer1, .layer2, .layer3, .layer4 {
	position: relative;
}

.layer4 {
	z-index: 1;
}

.layer1-contentor {
	height: calc(100% - 22rem);
}

#celula0 {
	padding: 0;
}

#mostrador {
	position: relative;
	width: 100%;
}

#mostrador img.cartaz {
	position: absolute;
	z-index: 0;
	width: 100%;
	top: 0;
}

#mostrador img.fundo {
	position: relative;
	z-index: -1;
	width: 100%;
}

.cantos-redondos {
	border-radius: 1rem;
}

.cursor {
	cursor:url('vectores/mao.svg'), pointer;
}

.imagem-cursor {
	z-index: 2;
	display: none;
	position: fixed;
	width: 18.75rem;
	height: auto;
	pointer-events: none;
}

#duas-imagens {
	position: relative;
	width: 100%;
	cursor:url('vectores/mao.svg'), pointer;
}

#duas-imagens img.topo {
	width: 100%;
	position: absolute;
	left: 0;
    right: 0;
	cursor:url('vectores/mao.svg'), pointer;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

#duas-imagens img.baixo {
	opacity: 0;
	width: 100%;
	position: relative;
	left: 0;
    right: 0;
	cursor:url('vectores/mao.svg'), pointer;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

#duas-imagens img.topo:hover {
	opacity: 0;
}

#duas-imagens img.baixo:hover {
	opacity: 1;
}

.absoluta {
	position: relative;
}

.moldura, .moldura2, .moldura3, .moldura4, .moldura-esquerda, .moldura-direita {
	position: relative;
	padding-bottom: 1rem;
	width: 100%;
	display: block;
	overflow: hidden;
}

.moldura-esquerda {
	width: calc(100% + 1rem);
	left: -1rem;
}

.moldura-transparente {
	mix-blend-mode: multiply;
}

.plano-fundeiro {
	position: absolute;
	z-index: -2;
	width: calc(100% + 2rem);
	height: 100%;
	left: -1rem;
	top: 0;
}

.imagem {
	width: 100%;
	height: auto;
}

.imagem-v {
	height: 100vh;
}

.imagem-v2 {
	height: 100%;
}

.imagemmais1rem {
	position: relative;
	width: calc(100% + 1rem);
}

.imagem-zoom, .imagem-zoom-caderno {
	width: 100%;
	cursor: auto;
}

.imagem-zoom:hover, .imagem-zoom-caderno:hover, .imagemmais1rem:hover {
	transform: none;
}

.imagem-roda {
	width: 100%;
	transition: 2s;
}

.imagem-roda:hover {
	transform: rotate(360deg);
}

.imagem16r, .imagem20r, .imagem25r, .imagem30r, .imagem36r, .imagem40r, .imagem45r, .imagem47r, .imagem50r, .imagem65r, .imagem77r {
	position: relative;
	width: 100%;
	height: auto;
}

.imagem-total {
	position: relative;
	left: -1rem;
	width: calc(100% + 2rem);
}	

.video100 {
	width: 100%;
	height: auto;
}

.contorno {
	border: 1px solid #000
}

.slides-hidden {
	display : none;
}

.cinza {
	-webkit-filter: grayscale(0);
    filter: grayscale(100%);
	cursor: pointer;
}

.cinza:hover {
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.direita, .direita2, .direita4, .esquerda, .centro, .centro2, .centro4 {
	position: relative;
	left: 0;
}

.imagem-transparente {
	width: 100%;
	mix-blend-mode: multiply;
}

.sobrepor, .sobrepor2, .sobrepor2-2, .sobrepor-2, .sobrepor3, .sobrepor3mais2, .sobrepor1mais2, .sobrepor4, .sobrepor5, .sobrepor6, .sobrepor7, .sobrepor7-2, .sobrepor8, .sobrepor9, .sobrepor10, .sobrepor11 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.embed-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.embed-container-quadrado {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
}

.embed-container-quadrado iframe, .embed-container-quadrado object, .embed-container-quadrado embed {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	width: 100%;
	object-fit: cover;
}

.embed-container-4x3 {
	position: relative;
	width: 100%;
	padding-top: 75%;
	overflow: hidden;
}

.embed-container-4x3 iframe, .embed-container-4x3 object, .embed-container-4x3 embed {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	width: 100%;
	object-fit: cover;
}

.embed-container9x16 {
	width: 100%;
	aspect-ratio: 9/16;
	margin: 0 auto;
	overflow: hidden;
}

.embed-container9x16-2 {
	width: 100%;
	aspect-ratio: 9/16;
	margin: 0 auto;
	overflow: hidden;
}

.embed-container9x16 iframe, .embed-container9x16-2 iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#navegacao {
	position: fixed;
	z-index: 4;
	width: calc(100% - 2rem);
	left: 1rem;
	bottom: 1rem;
	padding: 0;
	mix-blend-mode: difference;
}

.navegacao-hover {
	height: 3.75rem;
	display: none;
}

.navegacao-indice {
	height: 3.75rem;
}

.navegacao-hover2 {
	display: none;
}

#painelfinal #contactos {
	position: absolute;
	z-index: 4;
	width: calc(100% - 2rem);
	left: 1rem;
	bottom: 1rem;
	padding: 0;
}

#contactos .navegacao-link:link {
	color: #000;
	text-decoration: none;
	font-style: normal;
}
#contactos .navegacao-link:visited {
	color: #000;
	text-decoration: none;
	font-style: normal;
}
#contactos .navegacao-link:hover {
	color: #000;
	text-decoration: none;
	font-style: normal;
}
#contactos .navegacao-link:active {
	color: #000;
	text-decoration: none;
	font-style: normal;
}

#cabecalho {
	position: fixed;
	z-index: 2;
	width: calc(100% - 2rem);
	left: 1rem;
	top: 1rem;
	padding: 0;
	mix-blend-mode: difference;
}

#cliente {
	position: absolute;
	z-index: 2;
	width: calc(100% - 2rem);
	left: 1rem;
	top: 294px;
	padding: 0;
	mix-blend-mode: difference;
}

#indice {
	z-index: 3;
    position: fixed;
    top: calc(-100% - 1px);
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    border: none;
    border-bottom: 1px solid #000;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: top 1s ease-in-out;
}

#indice::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#indice iframe {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#indice iframe::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#index-hover2 {
	mix-blend-mode: multiply;
}

#sinopse {
	position: relative;
	z-index: 2;
	top: 100vh;
	padding-top: 1rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
	padding-left: 0;
}
	
#galeria {
	position: relative;
	z-index: 1;
	top: 100vh;
	padding: 0;
}

#galeria-transparente {
	position: relative;
	z-index: 1;
	padding: 0;
	mix-blend-mode: multiply;
}

#galeria-intro {
	position: fixed;
	z-index: 0;
	left: 1rem;
	top: 1rem;
	width: calc(100% - 2rem);
	padding: 0;
	transition: 1s;
}

#assinatura {
	position: fixed;
	z-index: 2;
	width: 3.125rem;
	bottom: 1rem;
	right: 1rem;
	mix-blend-mode: difference;
}

#assinatura-hover {
	position: fixed;
	z-index: 2;
	width: 6.25rem;
	bottom: 1rem;
	right: 1rem;
	mix-blend-mode: difference;
}

#albinho, #albinho2, #albinho-preto {
	position: fixed;
	z-index: 2;
	top: 1rem;
	right: 1rem;
	width: 4.375rem;
	mix-blend-mode: difference;
	animation: pular 10s infinite;
}

#albinho:hover {
	animation: pular 10s infinite;
}

#albinho2 {
	z-index: 100;
	position: absolute;
	mix-blend-mode: normal;
}

#albinho2:hover {
	animation: pular 10s infinite;
}

#mrc {
	position: absolute;
	height: 3.5rem;
	bottom: 1rem;
	right: 0.5rem;
}

#r-icone {
	height: 4rem;
	cursor: url('vectores/seta-topo.svg'), pointer;
}

#comeco {
	height: 6.25rem;
	transition: 1s;
}

#semmyxplica, #miniprojectos {
	z-index: 5;
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: auto;
    transition: top 0.8s ease-in-out;
}

#miniprojectos {
	background-color: #ff00ff;
	border-top: 1px solid #000;
}

#fecharSemmy, #fecharMini {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 6;
	cursor: pointer;
	color: #fff;
	display: none;
}

#fecharMini {
	color: #000;
}

.intervalo-mobile1r {
	height: 1rem;
}

.intervalo-mobile2r {
	height: 2rem;
}

.intervalo-mobile5r {
	height: 5rem;
}

.intervalo-mobile8r {
	height: 8rem;
}

.intervalo-mobile10r {
	height: 10rem;
}

.intervalo-quarto {
	height: 0;
}

.intervalo-meio {
	height: 0;
}

.intervalo {
	height: 0;
}

.intervalo-duplo {
	height: 0;
}

.intervalo-triplo {
	height: 0;
}

.margem-v {
	height: 0;
}

.legendagem, .cartaz {
	display: none;
}

.legendamobile {
	display: block;
}

#legenda0 {
	display: none;
}

.g-3 {
	padding-top: 0;
	padding-bottom: 0;
}

#slideshow, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7, #slideshow8 {
	position: relative;
	width: 100%;
}

#slideshow-anterior, #slideshow-anterior2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	cursor: url('vectores/seta-anterior.svg'), w-resize;
}

#slideshow-seguinte, #slideshow-seguinte2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	cursor: url('vectores/seta-seguinte.svg'), e-resize; 
}

#barra {
	position: fixed;
	left: 0;
	top: 100%;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	border-top: 1px solid #000;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	transition: top 1s ease;
	z-index: 9999;
	overflow: hidden;
}

#barra-inner {
	height: 100%;
	width: 0;
	background-color: #000;
	transition: width 3s linear;
}

.texto-mobile {
	background-color: #fff;
	border-top: 1px solid #000;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#cabecalho-cliente {
	display: none;
	padding-right: 2rem;
}

#legenda {
	padding-left: 1rem;
}

#fim {
	height: 10rem;
}

/* ANIMAÇÃO */
@keyframes pular {
	0%, 100% {
        transform: rotate(0deg);
	}
	8% {
        transform: rotate(-10deg);
	}
	16% {
        transform: rotate(0deg);
	}
	24% {
		transform: rotate(10deg);
	}
	32% {
        transform: rotate(0deg);
	}
}

@keyframes aparecer {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

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

@media screen and (max-width: 768px) {
	.botao:hover .navegacao-link {
		display: inline;
	}
	.botao:hover .navegacao-hover,
	.botao:hover .navegacao-hover2 {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	#mobile {
		display: none;
	}
	.legenda-mobile {
		display: none;
	}
	#desktop {
		display: block;
	}
	.legendamobile {
		display: none;
	}
	#r-icone {
		cursor:url('vectores/seta-topo.svg'), pointer;
	}
	#titulo {
		top: 17.8rem;
		font-size: 8rem;
		letter-spacing: -3px;
	}
	#infos {
		padding-bottom: 0;
	}
	#texto {
		padding-left: 0.75rem;
		border-left: 1px solid #000;
	}
	.imagem-zoom, .imagem-zoom-caderno {
		width: 100%;
		cursor: zoom-in;
	}
	.imagemmais1rem {
		cursor: zoom-in;
	}
	.imagem-zoom:hover, .imagemmais1rem:hover {
		transform: scale(1.5);
	}
	.imagem-zoom-caderno:hover {
		transform: scale(2);
	}
	.intervalo-mobile1r, .intervalo-mobile2r, .intervalo-mobile5r, .intervalo-mobile8r, .intervalo-mobile10r, #fim {
		height: 0rem;
	}
	.intervalo-quarto {
		height: 3rem;
	}
	.intervalo-meio {
		height: 6.25rem;
	}
	.intervalo {
		height: 12.5rem;
	}
	.intervalo-duplo {
		height: 25rem;
	}
	.intervalo-triplo {
		height: 37.5rem;
	}
	.margem-v {
		height: 1rem;
	}
	.moldura {
		padding-bottom: 0px;
	}
	.moldura2, .moldura3, .moldura4, .moldura-esquerda, .moldura-direita {
		padding-bottom: 0px;
	}
	.moldura2 {
		width: 80%;
	}
	.moldura3 {
		width: 60%;
	}
	.moldura4 {
		width: 90%;
	}
	.moldura-direita {
		width: calc(100% + 1rem);
		left: 0;
	}
	#painelfinal .linha-divisoria {
	  top: 0;
	  left: 50%;
	  height: 100%;
	  width: 1px;
	}
	#painelfinal .esquerdacima {
		width: 50%;
		height: 100%;
		top: 0;
		left: 0;
	}
	#painelfinal .direitabaixo {
		width: 50%;
		height: 100%;
		top: 0;
		left: 50%;
	}
	.texto-mobile {
		background-color: transparent;
		border-top: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.direita {
		position: relative;
		left: 20%;
	}
	.direita2 {
		position: relative;
		left: 40%;
	}
	.direita4 {
		position: relative;
		left: 10%;
	}
	.centro {
		position: relative;
		left: 10%;
	}
	.centro2 {
		position: relative;
		left: 20%;
	}
	.centro4 {
		position: relative;
		left: 5%;
	}
	.sobrepor {
		position: relative;
		z-index: 1;
		top: -9.375rem;
	}
	.sobrepor-2 {
		position: relative;
		top: -12.5rem;
	}
	.sobrepor2 {
		position: relative;
		z-index: 1;
		top: -3.125rem;
	}
	.sobrepor2-2 {
		position: relative;
		top: -3.125rem;
	}
	.sobrepor3 {
		position: relative;
		z-index: 1;
		top: -18.75rem;
	}
	.sobrepor3mais2 {
		position: relative;
		z-index: 1;
		top: -21.875rem;
	}
	.sobrepor1mais2 {
		position: relative;
		z-index: 1;
		top: -12.5rem;
	}
	.sobrepor4 {
		position: relative;
		z-index: 1;
		width: 120%; 
		left: -20%;
	}
	.sobrepor5 {
		position: relative;
		z-index: 1;
		width: 200%; 
		left: -100%;
	}
	.sobrepor6 {
		width: 270%; 
		left: -45%;
	}
	.sobrepor7 {
		width: 116.66666%; 
		left: -16.66666%;
	}
	.sobrepor7-2 {
		width: 133%; 
		left: -33%;
	}
	.sobrepor8 {
		width: 116.66666%; 
		left: 16.66666%;
	}
	.sobrepor9 {
		width: 116.66666%; 
		left: 0;
	}
	.sobrepor10 {
		width: 116.66666%; 
		left: -8.33333%;
	}
	.sobrepor11 {
		width: calc(100% + 1rem); 
		left: -1rem;
	}
	.imagem16r, .imagem20r, .imagem25r, .imagem30r, .imagem36r, .imagem40r, .imagem45r, .imagem47r, .imagem50r, .imagem65r, .imagem77r {
		position: absolute;
		width: auto;
	}
	.imagem16r {
		height: 16rem;
	}
	.imagem20r {
		height: 20rem;
	}
	.imagem25r {
		height: 25rem;
	}
	.imagem30r {
		height: 30rem;
	}
	.imagem36r {
		height: 36rem;
	}
	.imagem40r {
		height: 40rem;
	}
	.imagem45r {
		height: 45rem;
	}
	.imagem47r {
		height: 47rem;
	}
	.imagem50r {
		height: 65rem;
	}
	.imagem65r {
		height: 65rem;
	}
	.imagem77r {
		height: 77rem;
	}
	.embed-container9x16-2 {
		width: 80%;
	}
	.absoluta {
		position: absolute;
	}
	.atras {
		position: absolute;
	}
	.layer1 {
		top: -22rem;
	}
	.layer2 {
		top: 5rem;
	}
	.layer3 {
		top: -5rem;
	}
	#cabecalho-cliente {
		padding-right: 0;
	}
	#legenda {
		padding-left: 0.5rem;
	}
	#caderno {
		top: 1rem;
		height: 30vh;
		width: auto;
		max-width: 80vw;
	}
	.metade-direita {
		padding-left: 0;
	}
}

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

@media screen and (min-width: 1200px) {
	html {
	  font-size: 14px;
	}
}

@media screen and (min-width: 1600px) {
	html {
	  font-size: 16px;
	}
}