title {
  font-weight: bold;
  font-size: 2rem;
}

/*#dialpadpic
{
  max-height: 250px;
  max-width: 300px;
background-repeat:no-repeat;
float: left;
background-position: left;
}*/

#callicon {
max-height: 50%;
  max-width: 30%;
  display: block;
}

#heading{
  display: none;
}

.hidden {
  display: none;
}


@media screen and (max-width: 480px){
#callicon{width:400px;}}

h1 {
font-family: impact;
color: #FFFFFF;
font-size: 40px;
margin: 0px auto;
line-height: 79%;
z-index: -999;
}



#heading
{
  z-index: -999;
}


.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}



.table {
  display: block;
  justify-content: center;
  align-items: center;
  margin: 0px auto;

background: #ea2b48;
    position: static;
height: 100px;
  width: 400px;}

/*@media screen and (max-width: 480px){
.table{height:150px;width:600px;}}*/



.div
{
position: absolute;
  background: #ea2b48;

}

  .row {

  grid-template-columns: 1fr 1fr 1fr;
background: #ea2b48;
  margin: 0 auto;


  }

  /*.row::after {
    display: block;
    content:"";
    clear: both;
  }*/
  /*.row .col-3 {
  width: 30.00%
  float: left;

  }*/
  .col-3:active{
    background-color: red;
  }


button{
  background: #ea2b48;
  color: #FFFFFF;
border: none;
padding: 0px;
margin: 0;
width: 32.2%;
height: 23%;
display: table-cell;
    vertical-align:text-top;
}

.text-transparent{

  	color: transparent;
}



sub {
  font-weight: normal;
  margin: 0 auto;
  font-size: 1rem;

  line-height: 0.7;
}

p
{
font-weight: bold;

  font-size: 2rem;
  line-height: -6px;
  vertical-align:text-top;
}
/*display: inline block;
float: inherit;
position: relative;
margin-right: auto;
text-align: center;
}*/

/*background colors
@keyframes
bgcolor {0%{background: ;}
 20% {background: #face8b;}
 40% {}
 60%{}
 80%{}
 100%{}}*/

 @keyframes
 bgcolor {0%{
background: #3c3b6e;
   margin: 0;
   padding: 0;
   animation: bgcolor infinite 22s;
/*background-image: url(../img/greenscreenscreens.gif);
filter: chroma(color=#AAFF49);*/
 background-position: top left;
 background-repeat: no-repeat;}
  20% {
background: #3f5c8c;
    margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;
  /*  background-image: url(../img/greenscreenscreens.gif);
    filter: chroma(color=#AAFF49);*/
  background-position: top left;
  background-repeat: no-repeat;}
  40% {
background: #01274e;
    margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;
  /*  background-image: url(../img/greenscreenscreens.gif);
    filter: chroma(color=#AAFF49);*/
  background-position: top left;
  background-repeat: no-repeat;}
  60%{
background: #142d6d;
    margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;
/*background-image: url(../img/keypadNumpad.png);*/
  background-position: top left;
  background-repeat: no-repeat;}
  80%{
background: #3556a7;
    margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;
/*background-image: url(../img/keypadNumpad.png);*/
  background-position: top left;
  background-repeat: no-repeat;}
  100%{
background: #293581;
    margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;}}





body {
  margin: 0;
    padding: 0;
    animation: bgcolor infinite 22s;
/*background-image: url(../img/keypadNumpad.png);
  background-position: top left;
  background-repeat: no-repeat;

  filter: chroma(color=#AAFF49);*/


}







/*{
    background-image:url('img/keypadNumpad.png');

}*/



/*#floatmenunow {
font-family: Verdana;
font-size: 12px;
position: absolute;
top: 630px;
left: 50%;
right: 50%;
width: 207px;
height: 435px;
padding:5px;
margin:5px 0 -461px 277px;
background:url(https://images-na.ssl-images-amazon.com/images/I/81wRXdAOmkL._SL1500_.jpg);
}
*/




audio {
visibility: hidden;

}

button:hover {
  background-color: #FFFFFF;
}


#call:hover {
  background-color: #ea2b48;
}

#one:hover {
  background-color: #ea2b48;
}

#two:hover {
  background-color: #ea2b48;
}

#three:hover {
  background-color: #ea2b48;
}

#four:hover {
  background-color: #81c784;
}

#five:hover {
  background-color: #81c784;
}

#six:hover {
  background-color: #81c784;
}

#seven:hover {
  background-color: #81c784;
}

#one:hover {
  background-color: #81c784;
}

#eight:hover {
  background-color: #81c784;
}

#nine:hover {
    background-color: #81c784;

}

#zero:hover {
  background-color: #81c784;
}

#star:hover {
  background-color: #81c784;
}

#poundit:hover {
  background-color: #81c784;
}