#info {
  margin-top: 10px;
   font-size: 16px;
   text-align: center;
   padding: 5px;
   border: 1px solid green;
   margin-bottom: 10px;
   webkit-box-shadow: inset 6px 7px 44px -17px rgba(32,168,32,1);
 -moz-box-shadow: inset 6px 7px 44px -17px rgba(32,168,32,1);
 box-shadow: inset 6px 7px 44px -17px rgba(32,168,32,1);

   }
   #div_start {
     float: left;
     position: relative;
     left: 50%;
   }
   #headline {
   text-decoration: none
   }
   #results {
   font-size: 14px;
   font-weight: bold;
   border: 3px solid #ddd;
   padding: 25px;
   text-align: left;
   min-height: 150px;
   }
   #start_button {
   border: 0;
   padding: 5px;
   border-radius: 50%;
   border: 1px solid green;
   background: #fff;



   }
   #start_button img{
     padding: 5px;
     height: 40px;
     background-color:none;
   }
   .interim {
   color: gray;
   }
   .final {
   color: black;
   padding-right: 3px;
   }
   .button {
   display: none;
   }

   .marquee {
   margin: 20px auto;

   }

   #buttons {
   margin: 10px 0;
   position: relative;
   top: -50px;
   }

   #copy {
   margin-top: 20px;
   }

   #copy > div {
   display: none;
   margin: 0 70px;
   }
   #info_denied{
     color: red;
   }
   .user_instruction{
     padding: 10px 0;
     border-bottom: 2px solid green;
   }
   /* .voice_images{
     overflow: hidden;
     padding: 5px;
   }
   .voice_images img{
     height: 100%;
     width: 100%;

   }
   .text_decoration:hover{
     text-decoration: none;
     color: #fff;
   }
   .voice_content:hover img{
     transform: scale(1.2);
     transition: .3s ease-in;
   }
*/
  .voice_text{
    text-transform: capitalize;
  }
   .voice_content:hover .voice_text{
     background: green;
     color: #fff;

   }

   .col-md-custom-5-col {
     width: 20%;
     max-width: 20%;
     padding-bottom: 15px;
     padding-left: 5px;
     float: left;

   }
   .col-md-custom-5-col a{
     color: #111;
     font-size: 12px;
     font-weight: 400;



   }
   .col-md-custom-5-col a:hover{
     color: #111;
   text-decoration: none;
   padding: 5px;
   }
   .col-md-custom-5-col a:hover .card_header{
     background: green;
     color: #fff;
   }
   .voice_images{
     height: 100%;
     width: 100%;
     padding-bottom: 5px;
     border-bottom: 1px solid red;
     overflow: hidden;
   }
   .voice_images img{
     height: 100%;
     width: 100%;
     padding: 2px 2px 0 2px;
   }
   @media only screen and (max-width: 576px) {
     .col-md-custom-5-col {
       width: 33%;
       max-width: 33%;
       padding: 10px;
     }
   }
   @media only screen and (min-width: 577px) and (max-width: 768px) {
     .col-md-custom-5-col {
       width:33%;
       max-width: 25%;
       padding: 10px;
     }
   }
   @media only screen and (max-width: 769px) and (min-width: 960px) {
     .col-md-custom-5-col {
       width: 25%;
       max-width: 25%;
       padding: 10px;
     }
     }
