html {
	height: 100%;
}

body {
	display: flex;
	flex-flow: column nowrap;
	height: auto;
}

header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	flex: 0 0 auto;
}
#logo {
	flex: 0 1 auto;
}

nav {
	display: flex;
	flex-flow: column nowrap;
	flex: 0 1 auto;	
}

main {
	display: flex;
	flex-flow: column nowrap;
}

#as {
  flex: 1 1 0%;
  order: -1;
}

#mc {
	flex: 0 1 100%;
	display: flex;
	flex-flow: column nowrap;
}

#sublinks {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;	
}

footer {
	display: flex;
	flex-flow: row wrap;
	flex: 0 0 0%;
	justify-content: center;
 }

#gallery {
	display: flex;
	flex-flow: row wrap;
	gap: 1.8rem;
}

#hf-popover {
	display: flex;
	align-items: center;
	justify-content: center;
}

								 article.videos {
									display: flex;
									flex-flow: row wrap;
									gap: 2rem;
								}
								
/* ******************************************************* */

@media (min-width: 80rem) 
{
	nav {
		display: flex;
		flex-flow: row nowrap;
	}

	main {
		display: flex;
		flex-flow: row nowrap;
	}
	#as {
		flex: 3 1 0vh;
		order: 99;
	}
	
	#mc {
		flex: 5 1 50vh;
	}

	main.fotos {
		display: flex;
		flex-flow: column nowrap;
	}
	main.fotos #as {
		flex: 1 0 auto;
	}
	main.fotos #mc {
		flex: 1 0 100%;
	}

	.videos figure {
/*						flex: 0 0 240px;	*/
						flex: 0 0 5vw;	
	}

}