/* header */
#header {;position:fixed; left: 0; top: 0; width:100%; height:60px; z-index: 10; border-bottom: 1px solid rgba(255,255,255,.15); transition: .3s;}
#header h1 a {width: 140px; height: 36px; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); z-index: 3;}
#header h1 img {position: absolute; left: 0; top: 0; transition: .3s;}
#header h1 img:nth-child(1) {opacity: 1;}
#header h1 img:nth-child(2) {opacity: 0;}

/* scrolled */
.scrolled #header h1 img:nth-child(1) {opacity: 0;}
.scrolled #header h1 img:nth-child(2) {opacity: 1;}
.scrolled #header {background: #fff; border-bottom-color: transparent; box-shadow: 0 0 10px rgb(0, 0, 0, 0.15);}