*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#000}header{background-color:#f4f4f4;padding:10px 0;text-align:center}header nav ul{list-style:none}header nav ul li{display:inline;margin:0 10px}header nav ul li a{text-decoration:none;color:#000;font-weight:700}header nav ul li a.active,header nav ul li a:hover{color:#007bff}.about-section,.services-section{margin:20px;padding:20px}.service{margin-bottom:20px;background-color:#f9f9f9;padding:10px;border:1px solid #ddd}footer{text-align:center;padding:20px;background-color:#f4f4f4}@media screen and (max-width: 768px){header nav ul li{display:block;margin:10px 0}.service{padding:5px}}@media screen and (max-width: 320px){header nav ul li{display:block;margin:10px 0}.service{padding:5px}}