@media screen and (min-width: 991px) {

  .vertical-center {
    margin: 0;
    position: absolute;
    top: 3%;
  }
  
  .item-center-bottom {
    
    background-color: rgba(234, 63, 247, 0.6);
    position: absolute;
    
    transform: translate(4%, -50%);
    font-size: 1.2em;
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    /* text-shadow: 0px 0px rgba(255,255,255,1.0); */
    /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
    /*
    text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
               #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
    */
    border-top: 100% solid rgba(255, 255, 255, 1);
    border-bottom: 100% solid rgba(255, 255, 255, 1);
    border-left:  100% solid rgba(255, 255, 255, 1);
    border-right:  100% solid rgba(255, 255, 255,1);
    box-sizing: border-box;  
  }
  
}



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

  .vertical-center {
    margin: 0;
    position: absolute;
    top: 6%;
  }
  
  .item-center-bottom {
    
    background-color: rgba(234, 63, 247, 0.4);
    position: absolute;
    
    transform: translate(3%, -50%);
    font-size: 0.8em;
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    /* text-shadow: 0px 0px rgba(255,255,255,1.0); */
    /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
    /*
    text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
               #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
    */
    border-top: 100% solid rgba(255, 255, 255, 1);
    border-bottom: 100% solid rgba(255, 255, 255, 1);
    border-left:  100% solid rgba(255, 255, 255, 1);
    border-right:  100% solid rgba(255, 255, 255,1);
    box-sizing: border-box;  
  }
  
}