#header { position:relative; margin-bottom:20px;} #header .field2 { display:none;} /*masthead */ #header .field3 img { margin-top:12px; width:525px;} /* post a job button */ #header .field4 { position:absolute; top:10px; right:0; } #header .field4 a { display:inline-block; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; width:195px; background-color:#fc6a2d; color:#ffffff; font-size:13px; padding:0px 35px 0px 15px; height:27px; line-height:27px; border-radius:20px; text-transform:uppercase; letter-spacing:0.5px; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%;} #header .field4 a:hover { background-color:#e25f28; } /* social logos and subs button */ #header .field5 { position:absolute; top:52px; left:530px;} #header .field5 a { display:block; width:22px; height:22px; /*background-color:#365aa5;*/ margin-right:7px; float:left; color:#ffffff; } #header .field5 a i { display:block; color:#ffffff; font-size:18px; } #header .field5 a.TW i { margin:2px 0 0 3px; } #header .field5 a.FB i { margin:3px 0 0 6px; } #header .field5 a.IN i { margin:2px 0 0 3px; } #header .field5 a.RSS i { margin:3px 0 0 4px; } #header .field5 a:hover { background-color:#324981;} #header .field5 img { height:27px; } #header .field6 { position:absolute; top:50px; right:0; } #header .field6 a.signUp { display:block; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; width:195px; background-color:#365aa5; color:#ffffff; font-size:13px; padding:0px 35px 0px 15px; margin-left:10px; height:27px; margin-right:0; line-height:27px; border-radius:20px; letter-spacing:0.5px; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%;} #header .field6 a.signUp:hover { background-color:#324981; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); } #header .field3 img.tablet, #header .field3 img.retina { display:none;} @media screen and (max-width:1202px) { #header .field3 img { margin-top:18px; width:475px;} #header .field3 img.desktop, #header .field3 img.retina { display:none;} #header .field3 img.tablet { display:inline-block;} #header .field5 { left:480px;} } /* CSS for high-resolution devices */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #header .field3 img.retina { display:inline-block; } #header .field3 img.tablet, #header .field3 img.desktop { display:none; } }