/* Display block */
/* by Britt Bodin  */

/* copied from C&H flexbox-n-classes.css  */

.topbar-container {
    display: flex;    /* reqrd, turns it into flex  */
    /*  flex-direction: row;
    flex-grow: 2;
    flex-shrink: 2;
    flex-basis: 50px;   */
    /* background-color: Navy; */
        }
.topbar-items {
    display: flex;    /* reqrd, turns it into flex  */
    justify-content: space-between;
    width: 1100px;
    margin: 2px;   /* outside of border-box  */
    padding: 2px;  /* inside of border-box   */
    text-align: center;
    line-height: 60px;
    background-color: rgba(250, 250, 250, 0.75);
        }
.topbar-items > div {
    box-sizing: border-box;
    padding: 20px;
    /* unknown property name:  width 40px; */
    /* background-color: LightSkyBlue; */
      }

.middle-container  {
    display: flex;
    }
.middle-items {
    display: flex;
    }

.right-to-sidenav {
    display: flex;
    padding: 10px;
    }
.right-to-sidenav-items {
    display:flex;
    flex-direction: column;
    }

.social {
    display: flex;
    justify-content: space-around;
         }
/*  ================================================================  */