.footer {
    position: relative;
      width: 100%;
    background: #000000;
    text-align: center;
    color: #f4f4f4;
    padding:0px;
   
   
    color:lightskyblue;
}
.s-container {
    width:100vw;
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-content:center;
  
   



}
.icons {
    margin-top:100px;
    padding: .1rem .1rem;
    margin:.1rem .3rem;
    background-color: #59109e;
    border: solid .001px   ;
    border-radius: 20%;

 
  
}
.text1 {
    padding-top: 1rem;
}
.icons:hover {
   
    background-image: linear-gradient(to right, rgb(129, 83, 202) , rgba(240, 237, 248, 0.541));
   border: solid .001px    ;
   border-radius: 20%;


}
    .icons a {
        text-decoration: none;
        font-size: 2rem;
        margin: 0.5rem;
        color: #f4f4f4;
    }
.address {
    color:rgb(128, 204, 240);
}

.address:hover {
    color:rgb(219, 180, 50);
}
.company-name {
    font-size: 1.6rem;
    margin-top: 0.5rem;
}
.sairsky{
    font-size: 0.9rem;
    margin-top: 0.5rem;
    color: aqua;
}
@media (max-width: 500px) {
    html {
        font-size: 50%;
    }
}

@media(min-width: 501px) and (max-width: 768px) {
    html {
        font-size: 50%;
    }
}