title: Remove border on icons click menu
body: <p>I successfully created a metro menu here: </p>
  
  <p>However I have two questions/issues that I am having:</p>
  
  <ol>
  <li>There is a border showing when click on the items and I don't know where it's coming from.</li>
  <li>How can I add a title that centers on the screen w/o affecting the icons</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/k6EZl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k6EZl.jpg" alt="enter image description here"></a></p>
  
  <p>There is also big space at the bottom of my menu so I want to make sure that it only shows the proper space between my menu. I added max-height on the body element but did not work. Any idea?</p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
  
  body {
  font-family: 'Lato', sans-serif;
  background: #ecf0f1; 
  }
  
  a{ text-decoration: none; }
  h2 {  color: #fff; 
      font-size: 22px; 
      margin: 0 24px;
      font-weight: 300;
  }
  
  
  /*= ICON BOXES
  --------------------------------------------------------*/
  
  ul.icon-menu {margin-top: 16px;}
  li.icon-box {width: 120px; height: 120px; list-style: none; left: -47px; position: relative; margin-bottom: 3px;}
  li.icon-box.home {background: #2b99ce;}
  li.icon-box.design {background: #24cccd;}
  li.icon-box.coding {background: #9a639a;}
  li.icon-box.shop {background: #c44745;}
  li.icon-box.contact {background: #2d9a63;}
  .icon-box h2{Museo500-Regular; font-size: 20px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
  
  .icon-box a {display: block;}
  
  i.fa {
    position:absolute;
    pointer-events:none;
    color:white ;
    margin:16px 0 0 14px;
  }
  
  
  
  /*= TITLE BOXES
  --------------------------------------------------------*/
  .icon-box.home h2 { 
       z-index: -999;
       position: absolute; 
       top: 0; 
       left: 0; 
       opacity: 0; 
       background: #2b99ce; 
       line-height: 120px; 
       width: 120px; 
       -webkit-transition: all  .3s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
          border-left: 3px solid #247eaa;
  
  }
  
  .icon-box.home a:hover h2 { 
      opacity: 1; left: 120px; margin: 0;
      text-align: center;
  
  }
  
  .icon-box.design h2 { 
       z-index: -999;
       position: absolute; 
       top: 0; 
       left: 0; 
       opacity: 0; 
       background: #24cccd; 
       line-height: 120px; 
       width: 120px; 
       -webkit-transition: all  .3s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      border-left: 3px solid #1da7a8;
  }
  
  .icon-box.design a:hover h2 { 
      opacity: 1; left: 120px; margin: 0;
      text-align: center;
  
  }
  
  
  .icon-box.coding h2 { 
       z-index: -999;
       position: absolute; 
       top: 0; 
       left: 0; 
       opacity: 0; 
       background: #9a639a; 
       line-height: 120px; 
       width: 120px; 
       -webkit-transition: all  .3s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      border-left: 3px solid #6d466d;
  }
  
  .icon-box.coding a:hover h2 { 
      opacity: 1; left: 120px; margin: 0;
      text-align: center;
  
  }
  
  
  .icon-box.shop h2 { 
       z-index: -999;
       position: absolute; 
       top: 0; 
       left: 0; 
       opacity: 0; 
       background: #c44745; 
       line-height: 120px; 
       width: 120px; 
       -webkit-transition: all  .3s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      border-left: 3px solid #9b3735;
  }
  
  .icon-box.shop a:hover h2 { 
      opacity: 1; left: 120px; margin: 0;
      text-align: center;
  
  }
  
  .icon-box.contact h2 { 
       z-index: -999;
       position: absolute; 
       top: 0; 
       left: 0; 
       opacity: 0; 
       background: #2d9a63; 
       line-height: 120px; 
       width: 120px; 
       -webkit-transition: all  .3s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      border-left: 3px solid #1e6b44;
  }
  
  .icon-box.contact a:hover h2 { 
      opacity: 1; left: 120px; margin: 0;
      text-align: center;
  
  }
  
  
  
  /*= MENU ICONS
  --------------------------------------------------------*/
  
  
  span.icon { display: inline-block; background: url('../img/icon-sprites.png')no-repeat;  width: 32px; height: 32px; margin: 43px 40px;}
  span.icon.home { background-position: 0px 0px;}
  span.icon.aboutme { background-position: -36px 0px;}
  span.icon.portfolio { background-position: -72px 0px;}
  span.icon.blog { background-position: -109px 0px;}
  span.icon.contact { background-position: -145px 0px;}
  
  .icon-box a {
      padding: 120px;
  }
  
  .icon-menu i {
          border-radius: 50%;
          box-shadow: 0 0 0 50px transparent;
      padding: 0.2em 0.25em;
          background: rgba(255,255,255,0.1);
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -webkit-transition: box-shadow .6s ease-in-out;
          -moz-transition: box-shadow .6s ease-in-out;
          -o-transition: box-shadow .6s ease-in-out;
          -ms-transition: box-shadow .6s ease-in-out;
          transition: box-shadow .6s ease-in-out;
      }
  
  .icon-menu li:hover i,
  .icon-menu li:active i,
  .icon-menu li:focus i {     
          box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
          -webkit-transition: box-shadow .4s ease-in-out;
          -moz-transition: box-shadow .4s ease-in-out;
          -o-transition: box-shadow .4s ease-in-out;
          -ms-transition: box-shadow .4s ease-in-out;
          transition: box-shadow .4s ease-in-out;
  }
  </code></pre>
  
  <p>I appreciate your help. Thanks!</p>