.page-404 { position: relative; .searchform { position: relative; display: block; margin: 20px auto 100px auto; max-width: 860px; box-sizing: border-box; } input[name=s] { box-sizing: border-box; z-index: 1; padding: 15px 122px 15px 30px; width: 100%; height: 60px; font-size: 18px; font-weight: 200; &:focus { font-style: normal; } } input[type=submit] { position: absolute; top: 5px; right: 5px; bottom: 5px; z-index: 3; padding: 0em 2.2em !important; height: 50px; font-size: 16px; opacity: 0; transition: all .3s ease !important; box-shadow: none; } &:hover input[type=submit] { opacity: 1; } } #header-404 { display: block; margin: 0 auto; padding: 80px 0px 10px 0px; height: auto; width: auto; max-width: 860px; background-size: 120px; color: var( --vamtam-accent-color-4 ); text-align: left; .line-1 { font: var( --vamtam-h1-font-weight ) var( --vamtam-h1-font-style ) 150px/1.1 var( --vamtam-h2-font-family ); color: var( --vamtam-accent-color-1 ); padding-left: 150px; padding-bottom: 10px; } .line-2 { font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 54px/1.1 var( --vamtam-h2-font-family ); color: var( --vamtam-accent-color-6 ); line-height: 0.8em; padding-bottom: 30px; } .line-3 { font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 20px/1.2 var( --vamtam-h2-font-family ); color: var( --vamtam-accent-color-3 ); } .line-4 { margin-top: 30px; color: var( --vamtam-accent-color-3 ); } }