/* --------------- Author's Banner --------------- */
header#authorsBanner {
	box-sizing: border-box;
	color: #FFFFFF;
	padding-bottom: 80px;
	padding-top: 180px;
}
header#authorsBanner div.wrapperFixed {
	align-items: center;
	display: flex;
}
header#authorsBanner figure.avatar {
	--avatarDimension: 280px;
	margin-left: 10px;
	margin-right: 40px;
}
header#authorsBanner figure.avatar > div > div {
	border: rgba(255, 255, 255, 0.5) solid 10px;
}
header#authorsBanner figure.avatar svg {
	--dimension: 200px;
}
header#authorsBanner h1.headerUnderlined {
	font-family: var(--museoSans);
	font-size: 72px;
	font-weight: 900;
	line-height: 75px;
}
header#authorsBanner h1.headerUnderlined::after {
	border-color: #FFFFFF;
	width: 280px;
}
header#authorsBanner b {
	display: block;
	font-family: var(--segoeUI);
	font-size: 32px;
	font-weight: normal;
	line-height: 40px;
}
header#authorsBanner b span {
	font-weight: normal;
}

/* --------------- TABLETS --------------- */

@media all and (max-width: 1359px) {
/* --------------- Author's Banner --------------- */
header#authorsBanner {
	padding-bottom: 60px;
	padding-top: 140px;
}
header#authorsBanner figure.avatar {
	--avatarDimension: 200px;
}
header#authorsBanner h1.headerUnderlined {
	font-size: 52px;
	line-height: 60px;
}
header#authorsBanner b {
	font-size: 26px;
	line-height: 30px;
}
}

/* --------------- SMARTPHONES --------------- */

@media all and (max-width: 759px), all and (max-width: 1019px) and (orientation: landscape) {
/* --------------- Author's Banner --------------- */
header#authorsBanner {
	padding-bottom: 50px;
	padding-top: 120px;
}
header#authorsBanner figure.avatar {
	--avatarDimension: 180px;
}
header#authorsBanner h1.headerUnderlined {
	font-size: 48px;
	line-height: 55px;
}
header#authorsBanner b {
	font-size: 24px;
	line-height: 30px;
}
}

@media all and (max-width: 759px) {
/* --------------- Author's Banner --------------- */
header#authorsBanner {
	text-align: center;
}
header#authorsBanner div.wrapperFixed {
	flex-direction: column;
}
header#authorsBanner figure.avatar {
	margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;
}
header#authorsBanner h1.headerUnderlined {
	align-items: center;
	display: flex;
	flex-direction: column;
}
}