:root {
    --argin-color: #b1e700;
    --argin-background: #444;
  font-size: 1.125rem; /* 18px default */
}


.corpValues {display:flex;}
.corpValues > span {flex-grow:1;text-align:center;}

#svglogo {border:0px;}
.email {color:#000044;}


html, body {margin:0;padding:0; font-family: Verdana, Helvetica, Arial, sans-serif; scroll-behavior: smooth;  text-size-adjust: none;}
header { border-bottom:1px solid #bbb; position:fixed; width:100%; background-color:#ffffff; top:0px;z-Index:2; 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
nav {  text-align:center; background:linear-gradient(#fff,#bbb) }
nav > a { border:1px solid black; display:inline-block; padding:10px; margin:0 10px 10px; font-size:18px; text-decoration:none; color:var(--argin-color); background:var(--argin-background);}
nav > a:hover { background-color:var(--argin-color);color:#000; }
main { border:0px solid blue; position:relative; margin-top: 166px; padding:1px 0 10px; background:#bbb;}
section { position:relative; border:1px solid black; margin:30px; padding:30px; box-shadow:3px 3px 15px #888; background: #fefefe; color: #000; font-size:18px;}
section:1st-child {  }
h4 { text-align:center; font-size:18px; margin-top:5px; border-bottom:1px solid var(--argin-color); padding-bottom:15px;}
p { line-height:1.8em; padding:0 15px; }
li { line-height: 1.4em; }
footer { background:#000; color:#fff; bottom:0px; text-align:center; vertical-align:top; padding:0 0 25px; }
footer > div.ib { margin:0 50px; width:300px;}
svg { max-height: 100%; height:100vh; }
.ib {display:inline-block; vertical-align:top;}
.two-col { width:calc(50% - 3px); }
.three-col { width:calc(33% - 3px); }
div.about {font-size:18px; display:inline-block; }
div.service { border-bottom:1px solid #888; font-size:18px; padding-right:40px; display:inline-block;}
div.clientspartners { border-bottom:1px solid #888; font-size:18px; padding-right:40px; display:inline-block; }
div.naics { border-bottom:1px solid #888; font-size:18px; padding-right:40px; display:inline-block; }
div.service { border-bottom:1px solid #888; font-size:18px; padding-right:40px; display:inline-block; }
#addressHolder { position:relative; text-shadow:0 0 20px var(--argin-color); font-size:19px; padding:25px 25px 0; z-Index:2;}
#branding { text-align:center; padding:10px 20px 0px; }
#branding_text { display:inline-block; text-align:center;vertical-align:top;  margin:10px 30px 0px;}
#copyright { margin: 20px 0; }
#logo { border:0; max-height: 100%;  display:inline-block; }
#name { border:0px solid black; font-size:27px;}
#slogan {font-size:17px;margin:20px;}
#svglogo {border:0px;}




th, td {
  padding: 15px;
}


.login-form {
    background-color: #fff;
    padding: 3em;
    margin:4em auto;
    border-radius: 8px;
    box-shadow: 0 0 14px rgba(0, 0, 0);
    width:20em;
}

.login-form h2 {
    text-align: center;
    margin-bottom: 20px;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    margin-bottom: 5px;
}

.input-group input {
    width: 93%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}


@media (max-width: 600px) {
  html {
    font-size: 1.25rem;
  }

  section,
  h4,
  div.about,
  div.service,
  div.clientspartners,
  div.naics {
    font-size: 1.25rem;
  }
}