body {
         background-image: url("../img/background.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: black;
     }
     
.row {  
       display: flex;
       flex-wrap: wrap;
     }
     
 h1{
  font-family: Agency FB;
  font-size: 65px;
  color: white;
  text-shadow: 5px 5px #545b4f;
 }

h3{
 color: white;
 font-family: Agnecy FB;
}

h2 a{
text-align: justify;
    margin-left: 50%;
   
 
}
 
 p{
    text-align: justify;
    margin-left: 50%;
   
 }
 h5 {
  font-family: Minion Pro;
  font-size: 18px;
  color:  white;
  text-align: center;
 }
 
img{
    width: 200px;
    position: relative;
    text-align: center;
    float: left;
	padding-right:35px;
    
}


#head{

 padding-left: 5em;
  min-height: 7em;
  vertical-align: middle;

 
}

#nav{
 padding-left: 0em;
 float: left;
 flex:0%;
 min-height: 30em;
 overflow: auto;
 font-family: minion pro;
 color: white;
 
}

#section{

 color: white;
 float: left;
 flex: 25%;
 min-height: 30em;
 overflow: auto;
 padding-right:50px;

}


responsive-img{

 max-width: 3%;
}

#footer{
text-decoration: none;
  font-family: minion pro;
  font-size: large;
  color: white;
  clear: both;
  text-align: right;
  padding-right: 20px;
}
a   {
 text-decoration: none;
  font-family: Agency FB;
    color: white;
    }
a:visited {
text-decoration: none;
    color: white;
    }
a:hover{
  text-decoration: none;
    color: #6a7065;
   
    }
    
 
   ul a{
   color: white;
   font-family: minion pro;
    
    
    }
    li:hover > ul {
     display: block;
    }
 
    
   
    
    
    @media screen and (max-width: 700px) {
  .row, .navbar {   
    flex-direction: column;
  }