/* Mobile-First Approach */
/* Defaults Start */
body                                        {margin:0 5%; padding:0;}
button                                      {display: inline-block; margin: 1px; padding: 4px 8px; border-radius: 100px; text-transform: uppercase; font-size: 1em; font-weight: bold; transition-duration: 0.4s; cursor: pointer;}
.button:hover                               {background-color: white; color: #158080;}                  /* Form Button Hover */
.button                                     {background-color: #158080; color: white;}                  /* Form Button Default */
.ilink                                      {text-decoration:none; font-weight:bolder; color:#158080;}    /* Internal Link Default */
.elink                                      {text-decoration:none; font-weight:bolder; color:darkblue;}   /* External Link Default */
.ilink:hover, 
    .elink:hover                            {opacity: .55;} /* Internal and External link Hover effect */
h1                                          {color: #158080; text-align: center;} /* Used for Page Titles */
h2                                          {color: Black;} /* Used for the First Level Topic Title */
h3                                          {color: #158080;} /* Used for the Second Level Topic Title */
h4                                          {color: Black;} /* Used for the Sidebar Title */
h5                                          {color: White; text-decoration: solid underline white; text-underline-position: under;} /* Used for the footer Column Titles */
h6                                          {color: #158080;}

/* Navigation Section Start*/
header                                      {background-color: #158080;}
.logo                                       {margin:0; padding: .5em; text-align: center;}
nav                                         {visibility: hidden; height: 0; padding: .5em; Display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; text-transform: uppercase;} /* Navigation Group Links */
.nlink                                      {background-color: #158080; border: 2px solid #158080; border-radius: 100px; padding: 4px 8px; margin: .25em; text-decoration: none; font-weight: bold; color: white; transition-duration: 0.4s;} /* Navigation Link Defaults */
.nlink:hover                                {background-color: #158080; border: 2px solid white; border-radius: 100px; opacity: .55;} /* Navigation Link Hover */
.mobile                                     {display: initial; position: absolute; left: 5%; top: .25%; cursor: pointer; border: 2px solid white; width: 3em; height: 3em; padding: 0em; margin: .5em; border-radius: 50%; background: #072A2D; color: white; transition: opacity 250ms ease;}  /* Navigation Button Toggle */
.mobile:focus, 
    .mobile:hover                           {opacity: .75; border: 2px solid #158080;}
.navigation                                 {width: 50%; position: relative;} /* Navigation Menu */
.navigation, 
    .navigation::before, 
    .navigation::after                      {display: block; margin: 0 auto; height: 3px; background: white;}
.navigation::before, 
    .navigation::after                      {content: ''; width: 100%;}
.navigation::before                         {transform: translateY(-6px);}
.navigation::after                          {transform: translateY(3px);}
.visible                                    {visibility: visible; height: auto; position: relative;}
/* Navigation Section End */
/* Main (Body) Area Start */
main                                        {margin: 0; padding: 0;}
/* Sidebar Information Section Start */
.sam                                        {background-color: #15808049; margin: .5em 0; padding: 1em; width: 83.5vw; cursor: initial;}
/* Sidebar Information Section End */
/* Main Information Section Start */
section                                     {margin: 0; padding: 0 1em;}
.agencies                                   {margin: 1px; padding: 2px; display: flex; flex-flow: column nowrap;}
/* Main Information Section End */
/* Main (Body) Area End */
.incognito                                  {text-decoration: none; margin: 0; color: black; cursor: initial;}
.iflink                                     {text-decoration: none; font-weight:bolder; color:white;}    /* Internal Link Default */
.eflink                                     {text-decoration: none; font-weight:bolder; color:darkblue;}   /* External Link Default */
.iflink:hover, .eflink:hover                {opacity: .55;}
/* Defaults End */

@media (min-width: 55em) {
/* Navigation Section Start */
header                                      {display: flex; justify-content: space-between; align-items: center;}
nav                                         {margin:0; padding: 1em; visibility: visible; Display:flex; flex-direction: row; justify-content: flex-end; align-items: center;} /* Navigation Group Links */
.logo                                       {margin:.1em; text-align: left;}
.mobile                                     {display: none;}
/* Navigation Section End */
/* Main (Body) Area Start */
main                                        {Display: flex; flex-flow: row nowrap;}
/* Sidebar Information Section Start */
.sam                                        {width: 39vw;}
/* Sidebar Information Section End */
/* Main Information Section Start */
section                                     {flex: 0 0 50%;}
.agencies                                   {flex-flow: row nowrap;}
/* Main Information Section End */
/* Main (Body) Area Start */
    }