/*version desktop*/
@media all and (min-width: 1280px)
{
    body
    {
        margin-top: -30px;
        background-image: url('../img/misc/Gorges-du-Tarn.jpg');
        background-repeat: no-repeat;
        background-size: 105%;
    }

    section
    {
        width: 1200px;
    }
    
    section p
    {
        font-family: 'pacifico';
        font-size: 2.3em;
        color: #FFEA96;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        text-align: center;
    }
    
    section li
    {
        font-size: 1.4em;
        color: #FFEA96;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    
    #map
    {
        width: auto;
        height: 580px;
        box-shadow: 0px 0px 20px #FFEDA6;
        border-radius: 30px;
    }
}
/* version mobile */
@media all and (max-width: 1279px)
{
    #wrapper
    {
        color: #FFEDA6;
        padding-top: -2000px;
    }
    
    section
    {
        background: #777;
    }
    
    section p:first-child
    {
        font-family: 'pacifico';
        font-size: 4em;
        text-align: center;
    }
    
    section li
    {
        font-size: 2em;
    }

    #map
    {
        height: 800px;
        width: auto;
    }
}