/* -------------------------------------------footer----------------------------------------------- */
.footer{
    font-size: 0.8rem;
    padding: 20px 0px 20px 0px;

    background-color:rgb(80, 80, 80);
    color:rgb(144, 144, 144);
   
}
.footer a{
    color:rgb(144, 144, 144);
}
.footer a:hover{
    color:rgb(42, 42, 42);
    transition: all 250ms ease-in;
}
.footer-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) ;
    justify-content: space-between;
    
}
.footer-head{
    text-align: center;
    color:rgb(144, 144, 144);

    text-decoration: none;
    font-weight:bold;
}
.ttp:hover{
    animation: move-up 0.8s infinite linear;
    font-weight:900;
    cursor:pointer;
}
@keyframes move-up{
    0% { transform: translate(0px, 0px) rotate(0deg); }
    100% { transform: translate(0px, -10px) rotate(0deg); }
}
.footer-left, .footer-center, .footer-right{   
    
    padding-left:10px;   
}
.footer-left p{
    margin:0;
}
.footer-center{ 
    color:rgb(144, 144, 144);
    text-decoration: none;   
}
.footer-center h4{
    font-weight:bold;
}
.footer-right{
   
    grid-area: 2 / 1 / span 2/ span 2 ;
}
.footer-right ul{
    display:inline;
    padding-inline-start: 0;
}
.footer-right li{
    display:inline;  
    list-style-type: none;  
    margin-right:5px;
}

.scriptix{
    display: grid;
    grid-template-columns: 100px 60%;
    padding:10px;
    padding-top:20px;   

}
.scriptix img{
    filter:invert(0.5);
    transition:all 250ms ease-in;
   width:100%;
    vertical-align: middle;
    
}
.scriptix img:hover{
    filter:invert(0);
    transition:all 250ms ease-in;
}
.scriptix p{
    
    font-size: 0.6rem;
    font-style:italic;
    font-weight: bold;

    margin-top:auto;
    margin-bottom:auto;
}
/* @media screen and (min-width:400px){
    .scriptix{
        grid-template-columns: 30% 70%;
    }
} */
@media screen and (min-width:636px){
    .footer{
        font-size: initial;
    }
    .footer-left, .footer-center, .footer-right{
        margin-left:auto;
        margin-right:auto;   
    }
    .footer-right{
        grid-area:initial;  
    }
    .footer-right li{
        display:block;   
    }
    .footer-right a{
        text-decoration: none;
    }
    /* .scriptix{
        grid-template-columns: 20% 80%;
    } */
}
/* -------------------------------------------end----------------------------------------------- */