#header { /* background-image: url("header/header.jpg"); */ } #header h1 { height: 2.0em; } .img-wrapper { width: 100%; height: 100%; position: relative; display: inline; } img { width: 100% height: 100%; opacity: 1; } img:hover{ opacity: .3; color: black; } a:link, .p a:visited, .p a:hover, .p a:active { color:white; text-decoration: none; } .p { padding: 0.5em; color: white; position: absolute; top: -100px; left: 0px; font-size: 29px; display: inline-block; /* text-align: center; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }