.footerTable,.footerOff
{
	position: fixed;
	border-radius: 25px;
	left: 15%;
	width: 70%;
	bottom: 2.347%;
	font-family: 'Myriad Pro Regular';
	font-size: large;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgb(44,44,44,0.4);

	transition: background-color 0.3s,transform 0.3s,border-radius 0.3s;
    transition-timing-function: ease;
	transform: scale(1);

	animation-name: Launch;
    animation-duration: 0.4s;
    padding: 0.47%;
    animation-fill-mode: both;
}

.footerOff
{	
	animation-name: close;
    animation-duration: 0.4s;
    padding: 0.47%;
    animation-fill-mode: both;
}

.initial
{   
    display: none;
}

.footerTable:hover
{
	background-color: rgb(44,44,44,0.4);
	/*transform: scale(1.047);*/
	border-radius: 13px;
    background-color: rgb(13,13,13,0.7);
}

#footerTD
{
	padding: 1%;
	border-radius: 30px;
}

#On, #Off
{
    font-family: Arial;
    border: none;
    padding: 0.7%;
    border-radius: 74px;
    margin-left: 21%;
    margin-right: 21%;
    font-size: 93%;
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
    background-color: rgb(4,4,4,0.4);
    color: white;
    margin: 0;
    position: fixed;
    left: 3%;
    bottom: 2.34%;
    animation-name: skidL;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;

    transition: color 0.2s, background-color 0.4s, transform 0.2s;
}

#Off
{
    display: none;
}

#On:hover, #Off:hover
{
    color: black;
    background-color: white;
    transform: scale(1.1347);
    cursor: none;
}

@keyframes skidL {
  0% {
        left: -4%;
        bottom: -4%;
    }
}

@-webkit-keyframes skidL {
    0% {
        left: -4%;
        bottom: -4%;
    }
}

@keyframes Launch {
    0% {
        bottom: -47%;
    }
}

@-webkit-keyframes Launch {
    0% {
        bottom: -47%;
    }
}

@keyframes close {
	 90% {
        border-radius: 4px;
        opacity: 0.4;
       
    }
    100% {
        bottom: -47%;
    }
}

@-webkit-keyframes close {
    90% {
        border-radius: 4px;
        opacity: 0.4;
       
    }
    100% {
        bottom: -47%;
    }
}

@media only screen and (max-width: 1000px) 
{
	.footerTable
	{
		display: none;
	}

    #On, #Off
    {
        display: none;
    }
{