header {height: 100vh; top:0; left:0; width: 100%; position: relative; overflow: hidden}
/* -------------------------------------------------------- slider */
#header {display: flex; align-items: center; justify-content: center; height:100vh; background: url('../img/shooting/photographe-tarn-portrait.webp') no-repeat center center; background-size: cover; background-attachment:fixed; width: 100%; position: relative; overflow: hidden}	
#header::before {background-color: rgba(255, 255, 255, 0.7); z-index: 1; content: ""; position: absolute; inset: 0}
#header .header__title {top:45%; transform: translateY(-55%); position: absolute; z-index: 302; text-align: center}
#header .header__title h1 {margin-bottom:1rem; font:600 19px 'Lato'; letter-spacing:0.025em; line-height:0; text-shadow: 1px 1px #ccc}
#header .header__title h1 span {display:block; font:normal 47px 'Signature'; letter-spacing:0; line-height:1.3; text-transform:none}
#header .header__title p.author {font:normal 41px 'Florentino'; letter-spacing:0; line-height:1.5; text-shadow: 1px 1px #ccc; text-transform:uppercase} 
#header .header__title h2 {font:600 13px 'Lato'; letter-spacing:0.2em; text-shadow: 1px 1px #ccc}
#header .header__logo {bottom:5%; position: absolute; z-index: 303}
#header .header__logo img {opacity:0.85; width:100%; max-inline-size:95px; block-size:95px; object-fit: cover}
@media all and (min-width:576px){
	#header .header__title h1 {font-size:22px}
	#header .header__title h1 span {font-size:55px}
	#header .header__title p.author {font-size:59px}
	#header .header__title h2 {font-size:17px}}
/* -------------------------------------------------------- nav menu */
nav {position: sticky; top: 0; width: 100%}