*{
        box-sizing: border-box;
    }
    
    body {
        font-family: 'Merriweather', serif;
        margin: 0 0 0 0;
    }

    h1 {
        background-color: rgb(59, 78, 97);
        color: white;
        margin: 0 0 0 0;
        padding: 40px 30px 40px 30px;
        font-size: 1.5em;
    }

    h2 {
        color:rgb(59, 78, 97);
        font-weight: 900;
        margin-top: 45px;
    }
    
    .header-container {
        display:flex;
        flex-direction: column;
        text-align: center;
    }


    .header-container p {
        color:rgba(156, 156, 156, 0.849);
        margin: 0px 20px 0px 20px;
        padding-bottom: 50px;
        font-size: 1.1em;
        border-bottom: 6px solid #333;
    }

    form {
        margin-top: 5px;
        border-top: 3px solid #333;
        margin-left: 20px;
        margin-right: 20px;
        background-color: rgba(219, 219, 219, 0.397);
    }


    fieldset:first-child {
        border:0;
        margin: 30px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0px;
        border-bottom: 3px solid #333;
        padding-bottom: 50px;
        min-width: 280px;
        
        
    }

    fieldset:last-child {
        border: none;
        
    }

    legend {
        text-align: left;
        font-size: 1.5em;
        color:rgb(59, 78, 97);
        font-weight: 900;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    label {
        display: block;
        align-self:flex-start;
        margin-bottom: 25px;
        margin-top: 25px;
        font-size: 1.1em;
        color: gray;
        font-weight: 500;
      }

    .contact-info input, 
    .contact-info select {
        height: 60px;
        font-size: 1.5em;
        border-style: none;
        background-color: rgba(163, 162, 162, 0.13);
        border-radius: 5px;
        text-indent: 25px;
        color: rgba(114, 114, 114, 0.363); 
        width: 100%;
    }

    #zip {
        max-width: 50%;
    }

    input::placeholder{
        text-align: right;
        padding-right: 20px;
        font-style: italic;
        font-weight: 400;
        font-size: 14px;
        color: #c5c5c5;
   }

   input:focus,
   select:focus, 
   textarea:focus {
       outline: none;
       border: 3px solid #46698B;
       background-color: khaki;
       transition: all 0.25s ease-out;
       
   }


   .newsletter {
       padding-left: 0px;
       padding-right: 0px;
       font-size: 1.1em;
       color: gray;
       font-weight: 500;
   }

   .newsletter p {
       font-size: 20px;
   }


   .newsletter label {
       display: inline-block;
       padding-left: 15px;
       margin: 9px 0px 9px 0px;
   }

   .newsletter legend {
       padding-top: 30px;
   }

   input[type="checkbox"],
   input[type="radio"] {
      
       transform: scale(1.5);
   }

   label[for="topics"] {
       padding-left: 0px;
       font-size: 20px;
       margin-top: 29px;
   }

   textarea {
        width: 100%;
        background-color: rgba(128, 128, 128, 0.13);
        height: 130px;
        border: none;
        border-radius: 5px;
        font-size: 20px; 
        
   }

   textarea::placeholder {
       font-style: italic;
   }

   button[type="submit"] {
       width: 100%;
       margin-top: 25px;
       border: none;
       background-color: rgba(7, 146, 146, 0.733);
       height: 60px;
       border-radius: 5px;
       color: white;
       font-size: 20px;
       font-weight: 500;
       font-family: 'Merriweather', serif;
   }

   footer p {
       font-style: italic;
       color: gray;
       font-weight: 500;
       text-align: center;
       margin-bottom: 240px;
   }



@media (min-width: 768px) {
    form {
        max-width: 728px;
        margin: 5px auto;
    }

    header p {
        min-width: 728px;
        
        align-self: center;
        
    }

    .set-zip-width {
        width: 75%;
    }
    #zip {
        max-width: 25%;
    }

    .set-name,
    .set-email,
    .set-phone,
    .set-street-address,
    .set-city,
    .set-state,
    .set-zip {
        display: flex;
        margin-top: 25px;
    }

    .set-name input,
    .set-email input,
    .set-phone input,
    .set-street-address input,
    .set-city input,
    .set-state select,
    .set-zip input {
        width: 75%;
    }

    .set-name label,
    .set-email label,
    .set-phone label,
    .set-street-address label,
    .set-city label,
    .set-state label,
    .set-zip label {
        width: 188.33px;
        white-space: nowrap;
    }
   
}