body, html{
    
    width: 100%;
    height: 100%;
    
}

div > .vernagir{
    
    font-family: arial;
    /*font-size: 23px; */
   display: block;
    
}

.logo{
    top: 190px;
}

div > .img{
    width: 25%;
}

.loadingbar{
    width: 29%;
    
  
}



.email{
    background: sienna;
}

.padding > .list > dl{
    
    padding-top: 150px;
    
}


 


.padding > .list > dl > a{
    color: black;
}


.somediv > .list > dl{
    font-size: 15px;
}

.some{
    word-spacing: 44em;
}

.social-icon{
    padding: 8px;
}





@media  screen and (max-width: 768px){
    .logo{
        top: 160px;
    }
    .img{
        width: 60%;
    }
    .loadingbar {
        width: 30%;

    }
   .somediv > .list > dl{
       font-size: 15px;
   }
   
 

}

@media  screen and (max-width: 425px){
    
  div > .img{
      width: 45%;
  }
    .somediv > .list > dl{
        font-size: 10px;
    }
    .logo > .vernagir{
        font-size: 2vw !important;
    }
    .loadingbar {
        width: 52%;

    }
    .logo{
        top: 230px;
    }
    .some > span{
        font-size: 10px;
    }
}