body,
    html{
        min-height: 100%;
        min-width: 100%;
    }    
    body{ 
        font-family: courier, Helvetica, sans-serif, Arial;
        margin:0; padding:0;
        }
        body{
            
            background-size:cover;
            width: 100%;
            height:100%;
            padding-left: 0px;
            margin-left: 0px;
            margin-bottom: 0rem;
        
            
        }
        .content{
         height: 100%; 
         width: 100%;
         background-size:cover;
         background-repeat: no-repeat;
         background-position:bottom; 
         
        position:fixed;
        background-color: black;
        }
        
              
        .list{
        margin-top: 0%;
        margin-bottom: 0em;
        position:relative;
        padding-right: 0px;
        padding-left: 0em;
        padding-bottom: 0em;
        /* display: flex; */
               
         text-align:right;
         color: azure;
         float: left;
         display:flex;
         width: 30%;
         list-style: none;
         justify-content:center ;
         align-items: center;
   
         float: right;
                 
         align-content: space-around;
    }
    .nav-list{
         position:relative;
    
         text-align:right;
         color: azure;
         float: left;
         display:flex;
         width: 30%;
         list-style: none;
         justify-content:center ;
         margin-right: 60px;
         margin-left: 1px;
         margin-top: 32px;
         align-items: center;
     }
    nav .nav-links {
        position:sticky;
        background: none;
        margin-right: 1em;
    }
    
    .google{
    height: 30px;
    width: 30px;
   
    padding-top: 20px;
    margin-right: -2em;
    
}
.google1{
    height: 30px;
    width: 40px;
	
    padding-top: 20px;
    margin-right: -2em;

}
.social{
    position:absolute;
    margin-top: 0;
    top: auto;
    bottom: 0px;
    padding: 0 0 0px;
    width: 55%;
    box-sizing: border-box;
}



    nav ul li {
        float:left;
        position: relative;
        font-size: 12px;
    } 
     nav ul li a {
            display: block;
            color: #fff;
            text-decoration: none;
            padding: 10px 5px 5px;
            font-size: 12px;
            -webkit-transition: 0.25s ease-out
        }
    
.fa {
  padding: 20px;
  
  width: 50px;
  text-align: center;
  text-decoration: none;
  
  font-size: 15px;
  position: relative;
  align-content: space-around;
  border-radius: 50%;
  color:blue;
  
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
  color: azure;
}

@media (max-width: 768px){
        body,
        html{
        min-height: 100%;
        min-width: 100%;
        }
        
    
    .content{
        background-image: url("/img/oakmob7.jpg") ;
        top:0;
         height: 100%;
         width: 100%;
         /* vertical-align:middle; */
         max-width: 100%;
         /* text-align: center; */
         
         background-size:cover;
         background-repeat: no-repeat;
         background-position:center; 
         font-size: 0px;
        position: absolute;
        background-color: black;
        margin: 0;
        padding: 0;
              }
    .nav{
			position:relative;
            margin-top: 20px;
		}
    .nav-list{
        width: 100%;
        margin: 0px;
        padding: 0px;
        font-size: 8px;
        position:absolute;
        list-style: none;
        }          
    .nav ul li {
        
        font-size: 8px;
    } 
    .list{
        margin-top: -22%;
        margin-bottom: 0em;
        position: absolute;
        padding-right: 0em;
        padding-left: 0em;
        padding-bottom: 0em;
        margin-left: 44%;
        
        float: left;
        width: 100%;
        
    }
   
.google{
    height: 25px;
    width: 25px;
   
    padding-top: 20px;
    margin-right: 5px;
    float: left;
    
}
.google1{
    height: 25px;
    width: 30px;
	
    padding-top: 20px;
    margin-right: 5px;
    float: left;
}
.social{
    position: absolute;
    /* top: auto; */
    bottom: 0;
    padding: 0 0 0px;
    width: 100%;
    box-sizing: border-box;
    /* margin-top: 20px; */
    margin-left: -18%;
    margin-right: 20%;
}
}