body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         box-sizing: border-box;
     }
     header {
         background-color: #000;
         color: #fff;
         padding: 10px 20px;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     header h1 {
         margin: 0;
         font-size: 24px;
     }
     header nav a {
         color: #fff;
         margin-left: 20px;
         text-decoration: none;
     }
     .container {
         padding: 20px;
     }
     .map {
         width: 100%;
         max-width: 900px;
         margin: 0 auto;
     }
     .map img {
         width: 100%;
         border-radius: 10px;
     }
     .content {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         margin-top: 20px;
     }
     .content .box {
         background-color: #f0f0f0;
         padding: 20px;
         border-radius: 10px;
         width: 100%;
         max-width: 45%;
         margin-bottom: 20px;
     }
     .content .box h2 {
         margin-top: 0;
     }
     footer {
         background-color: #000;
         color: #fff;
         padding: 20px;
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
     }
     footer .contact, footer .follow, footer .links {
         margin-bottom: 20px;
     }
     footer .contact p, footer .follow p, footer .links p {
         margin: 5px 0;
     }
     footer .follow i {
         margin-right: 10px;
     }
     @media (max-width: 768px) {
         .content .box {
             max-width: 100%;
         }
     }