p {
  font-size: 30px;
  text-transform: uppercase;
  color:white;
  font-family: 'Fjalla One', sans-serif;
  margin-left: 1.66%;
  margin-right: 1.66%;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
  background-color: #2b2b55;
  }

  .vip {
    padding-top: 80px;
  }

  #rig {
       /* max-width:900px; */
      margin:0 auto; /*center aligned*/
      padding:0;
      font-size:0; /* Remember to change it back to normal font size if have captions */
      list-style:none;
      background-color:#ffffff;
  }
  #rig li {
      display: inline-block;
      *display:inline;/*for IE6 - IE7*/
      width:25%;
      vertical-align:middle;
      box-sizing:border-box;
      margin:0;
      padding:10px;
  }

  /* The wrapper for each item */
  .rig-cell {
      /*margin:12px;
      box-shadow:0 0 6px rgba(0,0,0,0.3);*/
      display:block;
      position: relative;
      overflow:hidden;
  }

  /* If have the image layer */
  .rig-img {
      display:block;
      width: 100%;
      height: auto;
      border:none;
      transform:scale(1);
      transition:all 1s;
  }

  #rig li:hover .rig-img {
      transform:scale(1.05);
  }

  /* If have the overlay layer */
  .rig-overlay {
      position: absolute;
      display:block;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      background: #2b2b55 url(img/link.png) no-repeat center 20%;
      background-size:50px 50px;
      opacity:0;
      filter:alpha(opacity=0);/*For IE6 - IE8*/
      transition:all 0.6s;
  }
  #rig li:hover .rig-overlay {
      opacity:0.8;
  }

  /* If have captions */
  .rig-text {
      display:block;
      padding:0 30px;
      box-sizing:border-box;
      position:absolute;
      left:0;
      width:100%;
      text-align:center;
      text-transform:uppercase;
      font-size:18px;
      font-weight:normal;
      text-transform: uppercase;
      font-family: 'Fjalla One', sans-serif;
      font-weight:normal!important;
      top:40%;
      color:white;
      opacity:0;
      filter:alpha(opacity=0);/*For older IE*/
      transform:translateY(-20px);
      transition:all .3s;
  }
  #rig li:hover .rig-text {
      transform:translateY(0px);
      opacity:0.9;
  }

  @media (max-width: 9000px) {
      #rig li {
          width:25%;
      }
  }

  @media (max-width: 700px) {
      #rig li {
          width:33.33%;
      }
  }

  @media (max-width: 550px) {
      #rig li {
          width:50%;
      }
  }