body{margin:0;font-family:Arial;color:#08284f}header{padding:25px 6%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:30px;font-weight:bold}.logo span{color:#d71920}nav a{margin:5px;color:#08284f;text-decoration:none;font-size:13px}.hero{height:450px;background:linear-gradient(#06284fcc,#06284fcc),url('images/workplace.jpg') center/cover;color:white;display:flex;align-items:center;padding:0 8%}.hero h1{font-size:48px}.hero p{max-width:600px}.hero button{background:#d71920;color:white;border:0;padding:15px}.content{padding:50px 8%}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards div{background:#eee;padding:30px;text-align:center}footer{background:#06284f;color:white;padding:30px;text-align:center}@media(max-width:800px){.cards{grid-template-columns:1fr}header{display:block}}