/* Header styling */

      .header {

        /* grid-row: 1/2; */
        /* grid-column: 1/2; */
        /* Already defined in fullpage.css  */

        color: white;

        display: grid;
        grid-template-rows: 40px auto 35px;
      }

      .header-row1 {

        grid-row: 1/2;
        grid-column: 1/2;

        background-color: rgb(20, 20, 20);

        display: grid;
        grid-template-columns: 50% 50%;
      }

      #datetime {
        grid-column: 1 /2;
        align-self: center;
        justify-self: left;
        margin-left: 25px;
        font-size: 90%;
      }

      .top-social-icons {
        grid-column: 2 / 3;

        margin-right: 15px;

        align-self: center;
        justify-self: right;
        font-size: 18px;
      }

      .top-social-icons span {
        margin-right: 5px;
      }

      .header-row2 {

        grid-row: 2/3;
        grid-column: 1/2;
        background-color: black;

        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 10px 50px 0px 30px 15px;
      }

      .business-name {
        font-size: 200%;
        grid-row: 2 / 3;
        grid-column: 1 / -1;
        margin-left: 25px;
        align-self: center;
        justify-self: left;
      }

      .tag-line {
        grid-row: 4 / 5;
        grid-column: 1 / 6;
        margin-left: 30px;
        font-size: 110%;
        font-weight: bold;
        align-self: center;
      }

      .header-row3 {

        grid-row: 3/4;
        background-color: orangered;

        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 100%;
      }

      /* Header Menu */

      .header-menu {

        grid-column: 2 /3;

        justify-self: right;
        align-self: center;
      }

      .header-menu ul {
        font-size: 105%;
        margin-right: 10px;
      }

      .header-menu li {
        display: inline;
        padding: 6px 15px 6px 15px;
        list-style: none;
        font-weight: bold;
      }

      .header-menu li:hover {
        background-color: black;
      }

      .header-menu-left {

        grid-column: 1 2;
        align-self: center;
        justify-self: left;

        color: white;
        font-weight: bold;
        padding-left: 45px;
      }

      .header-menu-left p {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 105%;
        /* cursor: pointer; */
        background-color: black;

        /* animation: hire 3s linear infinite; */
      }

      /* 
      @keyframes hire {
        0%{ opacity: 1; }
        25%{ opacity: 0.8; }
        50%{ opacity: 0;}
        75%{ opacity: 0.8;}
        100%{ opacity: 1; }
      }
       */

      /*        

      .header-menu-left p:hover { 
        background-color:black;
        animation: none;
      }
 */