@import url('https://fonts.googleapis.com/css?family=Roboto:700');



.col-lg-4 {
    padding-bottom:2%;
}
 .word {
     text-align:center;
     position: absolute;
     opacity: 0;
 }

 .letter {
     display: inline-block;
     position: relative;
     float: left;
     transform: translateZ(25px);
     transform-origin: 50% 50% 25px;
 }

     .letter.out {
         transform: rotateX(90deg);
         transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }

     .letter.behind {
         transform: rotateX(-90deg);
     }

     .letter.in {
         transform: rotateX(0deg);
         transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     }

 .wisteria {
     color: #8e44ad;
 }

 .belize {
     color: #f2dede;
 }

 .pomegranate {
     color: #c0392b;
 }

 .green {
     color: #16a085;
 }

 .midnight {
     color: #db8f0b;
 }