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;
     }

h3   {
        font-family: Agnecy FB;
        text-align: center;
        font-size: 30px;
     }
     
 h5  {
        font-family: Minion Pro;
        font-size: 14px;
        color:  white;
        text-align: center;
     }
     
#head{
        padding-left: 5em;
        min-height: 30em;
     }

#section{
        text-align: center;
        color: white;
        vertical-align: top;
        float: left;
        flex: 55%;
        min-height: 10em;
        overflow: auto;
      }

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