.fa {
        border-radius: 25%;
          padding: 40px;
          margin: 0 0.34em;
          text-align: center;
          text-decoration: none;
          background: #333;
          color: #1abc9c;
          transition: all ease-in-out 300ms;

          font-size: 2rem !important;
      }

      .fa:hover {
          opacity: 0.9;
          color: #fafafa;
      }

      .fa-facebook:hover {
          background: #3B5998;
      }

      .fa-twitter:hover {
          background: #55ACEE;
      }

      .fa-google:hover {
          background: #dd4b39;
      }

      .fa-linkedin:hover {
          background: #007bb5;
      }

      .fa-youtube:hover {
          background: #bb0000;
      }

      .fa-instagram:hover {
        background: #feda75; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      }

      .fa-pinterest:hover {
          background: #cb2027;
      }

      .fa-snapchat-ghost:hover {
          background: #fffc00;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      }

      .fa-skype:hover {
          background: #00aff0;
      }

      .fa-android:hover {
          background: #a4c639;
      }

      .fa-dribbble {
          background: #ea4c89;
      }

      .fa-vimeo:hover {
          background: #45bbff;
      }

      .fa-tumblr:hover {
          background: #2c4762;
      }

      .fa-vine:hover {
          background: #00b489;
      }

      .fa-foursquare:hover {
          background: #45bbff;
      }

      .fa-stumbleupon:hover {
          background: #eb4924;
      }

      .fa-flickr:hover {
          background: #f40083;
      }

      .fa-yahoo:hover {
          background: #430297;
      }

      .fa-soundcloud:hover {
          background: #ff5500;
      }

      .fa-reddit:hover {
          background: #ff5700;
      }

      .fa-rss:hover {
          background: #ff6600;
      }

      img.makerPhoto {
          border: 1px solid #333;
          border-radius: 50%;
          width: 24em;
          height: 24em;
          -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55);
          -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55);
          box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55);
      }



      .flex-container {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
          -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
          align-content: space-between;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
      }

      .flex-item {
          flex-direction: column;
      }

      .flex-item:nth-child(1) {
          -webkit-order: 0;
          -ms-flex-order: 0;
          order: 0;
          -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          -webkit-align-self: auto;
          -ms-flex-item-align: auto;
          align-self: auto;
      }

      .flex-item:nth-child(2) {
          -webkit-order: 0;
          -ms-flex-order: 0;
          order: 0;
          -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center;
      }

      .flex-item ul li {
          font-size: 1.55rem;
          text-align: left;
      }

      .flex-item ul {
          list-style: none;
          line-height: 3em;
      }


      .flex-item ul li::before {
          content: "⦿";
          color: #1abc9c;
          font-weight: bold;
          display: inline-block;
          width: .9em;
      }

      p.find-me-here,
      p.name {
          font-size: 1.5rem;
      }

      p.name {
          font-weight: 700;
          padding-top: 2em;
      }

      p.find-me-here {
          padding-top: 2em;
      }

      .button.button2 {
        margin-top: 2em;
      }


      @media screen and (max-width: 1000px) {

        .fa{margin: 0.34rem;}
      }

      @media screen and (max-width: 700px) {

        .flex-container {flex-direction: column;}
        img.makerPhoto{margin: 2em 0;}
      }  
      
      @media screen and (max-width: 600px) {

        .pageheader {padding: 3em 0;}
        img.makerPhoto{height: 10rem;width: 10rem;}
      }