body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
.footer {
    background-color: #1E2532;
    color: white;
    font-family: Raleway;
    display: flex;
    padding: 1%;
    padding-top: 5%;
    justify-content: space-around;
    flex-direction: column;
    height: auto;
    width: 100%;
   
}
.foot-top{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.somemorelinks a:hover{
    color: black !important;
    text-decoration: none !important;
}

.logoimg {
    width: 142px;
    height: 142px;
    position: relative;
    
}

.footer-info {
    display: flex;
    margin-left: 2vw;
  
}

.footer-contact {
    display: flex;
    flex-direction: column;
    
   
}

.contact {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
  
    font-size: 2rem;

}

.contact-info {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
  font-size: 1rem;
  text-decoration: none;
  color: white;
  margin-bottom: 10px;
}

.useful-links {
    display: flex;
    width: 100%;
   
}

.useful-text {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
  margin-bottom: 0;
    font-size: 2rem;
}

.somemorelinks {
    display: flex;
    flex-direction: column;
   margin-top: 5vh;
    
    margin-right:3vw;
    
}

.swc {
    background-color: #1E2532;
    display: flex;
    justify-content: center;
   padding: 1% 5%;
   box-sizing: border-box;
    width: 100%;
    align-items: center;
}

.swclogo {
    float: left;
}

.swc-text {
    color: white;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 10px;

}



.swc-text2 {
    color: rgb(121, 121, 121);
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 10px;
    border-left: 2px solid rgb(121, 121, 121);
padding-left: 10px;
}


@media (max-width:786px){
    

    .logodiv{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-info{
        margin-top: 4vh;
    }
    .contact{
        font-size: 1.5rem;
    }
    .contact-info{
        font-size: 1rem;
    }
   .useful-text{
    font-size: 1.5rem;
   }
    
    .foot-top{
        flex-direction: column;
        width: 100%;
        padding: 7% 0%;
    }
   
}
@media (max-width:500px){
  
   .footer-info div{
    display: flex;
    flex-direction: column;
   }
 .footer-info{
    flex-direction: column;
    
 }
 .footer-contact{
    margin-bottom: 5vh;
 }
}