body {
        background-image: url("../img/dfwebpagebackground.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: black;
     }
     .row {  
  display: flex;
  flex-wrap: wrap;
}
     
 #all{  
     width: 100%;
     position: center;
     color: white;
     text-align: left;
     padding-top: ;
     margin-left: ;
     font-family: minion pro;
     min-height: 36em;
     overflow: auto;
 }
 
 h1{
  font-family: Agency FB;
  font-size: 65px;
  color: white;
  text-shadow: 5px 5px #545b4f;
 }

h3{
 color: white;
 font-family: Agnecy FB;
}
 
 p{
    text-align: justify;
    margin-left: 30%;
   
 }
 h5 {
  font-family: Minion Pro;
  font-size: 14px;
  color:  white;
  text-align: center;
 }
 



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

 
}
#left{
color: white;
    float: left;
    width: 50%;
    padding-left: 150px;
    min-height: 32em;
   
  
    padding-left: 3em;
 float: left;
 flex: 35%;
 min-height: 30em;
 overflow: auto;
 text-shadow: 5px 5px #545b4f;

   

}


.email {
  color: #ffffff;
  font-family: minion pro;
}
.specialColor:hover {
  color: #6a7065;
}



#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;
   
    }
    
    #menu li{
     list-style-type: none;
     width: 15em;
     text-align: justify;
     margin-left: -3em;
     text-indent:  3em;
     font-size: 20px;
     font-style: italic;
    line-height: 45px;
   
 
   
  
    
    }
    li ul{
     display: none;
     width: 30em;
     text-align: left;
     
     margin-left: -3em;
     text-indent:  1.5em;
    
     color: white;
     font-style: normal;
    
    }
    li:hover > ul {
     display: block;
    }
 
    
    #menu a {
     text-decoration: none;
     color: white;
     display: block;
    background-image: url("../img/buttonshading.png");
   /*
     box-shadow: 6px 6px 6px #8f9693; */
     margin-bottom: 12px;
     min-height: 2.5em;
      vertical-align: middle;
      width: 17.5em;
     
    }
    #menu a:hover {
    background-image: url("../img/buttonhover.png");
     box-shadow: 3px 3px 3px gray;
     border: none;
    }
    
    
    @media screen and (max-width: 700px) {
  .row, .navbar {   
    flex-direction: column;
  }
  
 a[href="mailto:"]

{ 
  font-family: minion pro;
  color: black;
  font-size: 11px;
}

address{

 list-style-type: square;
}