.contact-page{min-height:calc(100vh - 222px);position:relative} .contact-page .image{position:absolute;z-index:0;top:0;right:0;width:50%;height:100%;background-image:url(https://cdn.softwaresystemen.nl/nodes/contact-page-gebouw.webp);background-size:cover;background-position:left} .nowebp .contact-page .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/contact-page-gebouw.jpg)} .contact-page .info{font-size:16px;line-height:24px;width:50%;padding:180px 0;position:relative;z-index:1} .contact-page .info h1{font-size:48px;line-height:1.2;margin:0} .contact-page .info h2{font-size:24px;line-height:1.4;font-weight:400;max-width:458px;margin:6px 0 11px 0} .contact-page .info table{margin:0} .contact-page .info table td:first-child{padding-right:20px} @media screen and (max-width:900px){ .contact-page .info{font-size:13px;padding:140px 0} .contact-page .info h2{font-size:16px;font-weight:700;margin:9px 0 11px 0} } @media screen and (max-width:640px){ .contact-page .info{width:100%;padding:40px 0 280px 0} .contact-page .info h1{font-size:40px} .contact-page .info h2{max-width:none} .contact-page .image{width:120%;bottom:0;top:auto;background-position:top;height:280px} }