header > .top {
        padding: 1vh 0 1vh;
        margin: 0 0;
        background: rgba(33, 33, 26, .75);
      }
      header > .top > .container {
        padding: 0 2vw 0 2vw;
        position: relative;
        display: flex;
        flex-direction: column;
      }
      header > .top > .container > .row {

      }
      header > .top > .container > .row > .box {
        width: 50%;
        p.topcontact {
          color: white;
        }
        ul.social-network {
          float: right;
          list-style: none;
          margin: 0;
          display: flex;
          flex-direction: row;
          li {
            margin: 0 .25vw;
          }
        }
      }
      header > .container{
        max-width: 100%;
        width: 100%;
        background-color: rgb(108, 117, 125);
        
      }
      nav {
        background-color: rgb(52, 58, 64);
      }
      nav .dropdown-menu {
	transition: all 1s;
        background-color: rgb(108, 117, 125);
        li {
          a {
            &:hover, &:focus {
              background-color: rgb(52, 58, 64);
            }
          }
        }
      }
      .sticky-top {
        position: sticky;
        transition: all 0.25s ease-in;
      }
      .stuck nav {
        background-color: rgb(108, 117, 125);
      }
      .stuck nav .dropdown-menu {
        background-color: rgb(52, 58, 64);
        li {
          a:hover, a:focus {
            background-color: rgb(108, 117, 125);
          }
        }
      }
      header > .container > .row > .box {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
        .logo {
          float: left;
          height: 100%;
          width: 15%;
          margin: 1vh 1vw;

          img {
            width: 100%;
            height: 100%;
          }
        }
        .text {
          width: 60%;
          justify-content: center;
          display: flex;
          flex-direction: column;
          a {
            color: rgb(255, 215, 0);
            height: 25%;
            font-weight: bold;
            text-decoration: none;
            &:hover, &:focus {
              color: rgba(255, 215, 0, .75);
            }
            &:nth-child(2){
              color: white;
              font-weight: 400;
              &:hover, &:focus {
                color: rgba(255, 255, 255, .75);
              }
            }
          }
        }
      }
      .position-absolute {
        position: absolute;
      }
      .navbar-collapse {
        justify-content: center;
      }
      @media all and (min-width: 992px) {
	      .navbar .nav-item .dropdown-menu{ display: none; }
	      .navbar .nav-item:hover .nav-link{   }
	      .navbar .nav-item:hover .dropdown-menu{ display: block; }
	      .navbar .nav-item .dropdown-menu{ margin-top:0; }
      }