/* Media Queries */

@media screen and (max-width: 750px){
    
    /* Général */

    /* Index */
    
    header{
        padding-top: 0.3em;
        padding-right: 0.5em;
        position: relative;
        justify-content: flex-end;
    }

    nav{
        position: absolute;
        font-size: 2em;
        padding: 0.5em;
    }

    nav a{
        display: none;
    }

    nav :hover .burger{
       display: block;
    }

    .copyright{
       justify-content: center;
       font-size: 7px;
   }
}

@media screen and (min-width: 750px){

    /* Général */
 

    /* Index */

    header{
        justify-content: flex-start;
        padding: 1em;
    }

    nav{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-right: 3.5em;
    }
    .burger i{
        display: none;
    }

    .copyright{
        justify-content: flex-end;
        font-size: 9px;
    }
}


/* Page Index */

html {

    background: url(http://www.romainhuteau.com/pastorale-index©Romainhuteau.jpg) no-repeat top fixed; 
    
      -webkit-background-size: cover; /* pour Chrome et Safari */
    
      -moz-background-size: cover; /* pour Firefox */
    
      -o-background-size: cover; /* pour Opera */
    
      background-size: cover; /* version standardisée */
    
      color:#FFFFFF;
    
      font-family:Arial, Helvetica, sans-serif;}

body{
    display: flex;
    flex-direction: column;
}

header{
    display: flex;
    font-family: "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight";
    font-size: 2.5em;
    color: #FFFFFF;
    font-style:normal;
    font-weight: lighter;
}

nav{
    color:#FFFFFF;
}

nav a{
    padding: 0.5em;
    font-family: "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight";
    font-size: 1.2em;
    color: #FFFFFF;
    font-style:normal;
    font-weight: lighter;
}

a:link { 
    text-decoration:none; 
    color: #F9F9F7}

a:active { 
    text-decoration:none; }

a:visited { 
    text-decoration: none; 
    color: #E1E1E1}

a:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight", Helve;
    font-style: normal;
    font-weight: normal;}

footer{
    width: 98%;
    position: absolute;
    bottom: 0;
}
.copyright{
    display: flex;
    margin-right: 0.5em;
    font-family: "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", "Helvetica Neue Condensed Black", "Helvetica Neue Condensed Bold", "Helvetica Neue Italic", "Helvetica Neue Light", "Helvetica Neue Thin", "Helvetica Neue Thin Italic", "Helvetica Neue UltraLight";
    text-align: right;
    font-weight:lighter; 
    font-style: italic;
    padding-bottom: 2em;}