* {
	box-sizing: border-box;
  }
  
  body {
	font-family: Arial, Helvetica, sans-serif;
  }
  
  .container {
	width: 80%;
	margin: auto;
  }
  
  header {
	background: #333;
	color: #fff;
	padding: 1rem;
  }
  
  header h1 {
	display: inline-block; 
  }
  
  header nav {
	float: right;
  }
  
  header nav ul {
	list-style: none;
	margin: 0; 
	padding: 0;
  }
  
  header nav li {
	display: inline-block;
  }
  
  header nav a {
	color: #fff;
	text-decoration: none;
	padding: 1rem;
  }
  
  section {
	padding: 2rem 0;
  }
  
  .service-box {
	padding: 1rem;
	border: 1px solid #ddd;
	margin-bottom: 1rem;
  }
  
  form input, 
  form textarea {
	display: block;
	width: 100%;
	padding: 0.5rem;
	margin-bottom: 1rem;
  }
  
  form button {
	padding: 0.5rem 1rem;
  }
  
  footer {
	background: #ddd;
	padding: 1rem; 
  }

  center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }


  @media (max-width: 768px) {
    header nav {
      float: none;
    }
    
    .menu {
      display: none;
    }
    
    .menu-toggle {
      display: inline-block;
    }
  }
  
  @media (min-width: 769px) {
    .menu-toggle {
      display: none;
    }
    
    .menu {
      display: inline-block;
    }
  }