style.css

.header{
    padding: 20px;
    width:100%;
    height: 20%;
    background-color: #4fc1f0; 
    
}

.mail,li>a{
    font-size: 16px; 
    font-family: sans-serif; 
    font-weight: bold;
     color: wheat;
     margin-left: 590px;
    padding-bottom: 2px;
}
.main{
    position: relative;
    background: url(Mogadishu.jpg);
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    margin-top: 23px;
    
    
  
} 
.par{
    position: relative;
    background: url(par.jpg);
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    margin-top: 23px;
    
} 
.villa{
    position: relative;
    background: url(villa.jpg);
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    margin-top: 23px;
    
} 
#nav{

   font-weight:normal;
   color: white;
   position: absolute; 
   left: 5%;
   right: 5%; 
  
}
#nav ,li >a{
    margin-left: 4%;
    
}
/* a:hover{
 
} */
.inter{
    background-color: white;
}
.services{
    position: absolute;
    margin-top: -34px;


}
.services{
    font-family: 'Times New Roman', Times, serif;
    font-style: normal;
    font-display: 12px;
}
#social{
    padding-left: 15px;
    margin-left: 5px;
    opacity: 0.6;
}
#links{
    font-family: sans-serif;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.836);
}
#social2{
  
  margin-top: 80px;
 

    list-style: none;

    float:right;
}
#contact{
 font-family: sans-serif;
 color: whitesmoke;
}
.navbar-nav > a{
    color:rgb(0, 225, 255);
  
}   

a:hover{
    background-color: rgb(0, 110, 255);
}