body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #000;
      color: #fff;
      line-height: 1.6;
    }
    #content{
              margin:0 auto;
	      width:80%;
              max-width:1500px;
    }

    header, section, footer {
     padding: 0px 20px;
      text-align: center;
    }
    .hero {
      background: #000;
      padding: 0px 0px;
    }
    .hero img {
      max-width: 300px;
      height: auto;
      margin-top:0px;
    }
    .hero h1 {
      font-size: 4vw;
      margin-top: 0px;
	margin-bottom: 0px;

    }
    .hero p {
      font-size: 1.2rem;
      margin-bottom: 0px;
    }
    .cta-button {
      background-color: #444;
      color: #fff;
      padding: 12px 24px;
      font-size: 1rem;
      border: none;
      cursor: pointer;
    }
    .section-header {
      font-size: 2rem;
      margin-bottom: 0px;
      margin-top: 10px;
    }
    .section-mid {
      font-size: 1.5rem;
      margin-bottom: 5px;
      margin-top: 10px;
    }

   .selection-smaller {
     font-size: 1rem;
     line-height: 1.0;
    }

    .section-p{
	max-width:80%;
     	margin-left:auto;
	margin-right:auto;
     	}
    .services {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width:100%;
      margin-left:auto;
      margin-right:auto;
    }
    .service-box {
      background-color: #111;
      margin: 5px;
      padding: 10px;
      width: 280px;
      border-radius: 8px;
      text-align: left;
    }
    .contact-form {
      max-width: 400px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    input, textarea {
      padding: 0px;
      border: none;
      border-radius: 4px;
      font-size: 1rem;
    }
    button {
      background-color: #222;
      color: white;
      padding: 0px;
      font-size: 1rem;
      border: none;
      cursor: pointer;
    }

    a {color:white;}
    a:link{color:white};
    a:visited {color:white}
    a:hover {color:red}
    a:active {color:red}