#textAlertHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: none;
}

#textAlert {
  width: 400px;
  height: 40vw;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

#iconAlertHolder {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 75%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: none;  
}

#iconAlertText {
  width: 400px;
  height: 30px;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;  
}

.pink {
  background-image: url('../images/pinkTextBanner_thick.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 29px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 25px;
  font-style: black,italic;
  color: white;
  -webkit-text-stroke: 1px #D034D1;
  text-shadow:
    -2px -2px 0 #D034D1,
     0   -2px 0 #D034D1,
     2px -2px 0 #D034D1,
     2px  0   0 #D034D1,
     2px  2px 0 #D034D1,
     0    2px 0 #D034D1,
    -2px  2px 0 #D034D1,
    -2px  0   0 #D034D1;     
}

.pinkText {
  font-size: 26px;
  font-style: black,italic;
  color: white;
  -webkit-text-stroke: 1px #D034D1;
  text-shadow:
    -2px -2px 0 #D034D1,
     0   -2px 0 #D034D1,
     2px -2px 0 #D034D1,
     2px  0   0 #D034D1,
     2px  2px 0 #D034D1,
     0    2px 0 #D034D1,
    -2px  2px 0 #D034D1,
    -2px  0   0 #D034D1;     
}

#textAlertText {
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}