body{
    font-family: 'HacenTunisiaBdRegular'; 
     font-weight: normal; 
     font-style: normal; 
    padding: 0;
    margin: 0;

    background-color: #696969;


}
.container{
    width: 80%;
    margin: auto;
    overflow: hidden;
}
header{
    background: #fff;
    color: #69ff69;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 60px;
    max-height: 120px;
    border-bottom: #ff6969 12px double;
    ;
}

header #branding{
    float: left;
    max-height: 120px;
}
header #branding img{
    max-height: 120px;
}
header #branding h1{
    margin: 0;

}
header a{
    color: #696969;
    font-size: 40px;
    text-decoration: none;
    padding: 0;

}
header ul{
    margin: 0;
    padding: 0;

}
header li{
   
    display: inline;
   
    padding: 0 30px 0 35px;
}
header nav{
    float: right;
    margin-top: 30px;
}
section #contactemail{
    text-align: center;
    font-size: 72px;
}
section #contactemail a{
    text-decoration: none;
    color: #69ff69;
}

section img{
    margin-left: 10%;
   border: black 5px solid;
    max-width: 80%;
}
section h1{
    text-align: center;
    color:black;
    font-size: 80px;
    /*text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  */
}
footer{
    padding:5px;
  margin-top:10px;

  color:#696969;
  background-color:#69ff69;
  text-align: center;
  position: relative;
  bottom:-100px;
  
}
@media(max-width: 1050px){
    header #branding,
    header nav,
    header li
    {
        margin-bottom: 0;
        padding: 0px;
        font-size: 30px;
        float: none;
        text-align: center;
        width: 100%;
        display: initial;
        max-width: 100%;;
    
    }
    header{
        max-height: 20%;
    }
    header li{
        padding: 2px;
    }
    header #branding img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        
    }
    section h1{
        text-align: center;
        color:black;
        font-size: 50px;
    }
}