body {
   
        	background-color: #ffd8d1;
            -webkit-animation-name: bg; /* Safari 4.0 - 8.0 */
             -webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */
             -webkit-animation-iteration-count: infinite;
            animation-name: bg;
            animation-duration: 30s;
            overflow: scroll;
            animation-iteration-count: infinite;
        }

        @-webkit-keyframes bg {
    0%   {background-color: #ffd8d1;}
    20%  {background-color: #a5bfcc;}
    40%  {background-color: #c4b6a1;}
    60% {background-color: #cdb6db;}
    80% {background-color: #c17d6a;}
    100% {background-color: #ffd8d1;}
}

/* Standard syntax */
@keyframes bg {
    0%   {background-color: #ffd8d1;}
    20%  {background-color: #a5bfcc;}
    40%  {background-color: #c4b6a1;}
    60% {background-color: #cdb6db;}
    80% {background-color: #c17d6a;}
    100% {background-color: #ffd8d1;}
}

            #main_image, #other_image {
                list-style-type: none
                z-index: -200;
            }
            #main_image img {
                width: 30px;
            }
            #other_image img {
                width: 30px;
                position: absolute;
                -webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 6s; /* Firefox < 16 */
        -ms-animation: fadein 6s; /* Internet Explorer */
         -o-animation: fadein 6s; /* Opera < 12.1 */
            animation: fadein 6s;
            image-rendering: pixelated;
            }

            .menu_edition_2014 {
                padding: 50px 60% 50px 60px; 
                font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
                font-size: .8rem;
                width: 40%;
                height: 100%;

            }

            #title:hover {
                z-index: 350;

            }

            #other_image img:hover
{
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(8);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(8);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(8);
    transition: all 200ms ease-in;
    transform: scale(8);
    z-index: 1000;
}

@media only screen and (max-width: 768px) {
    /* For desktop: */
    #other_image {
        margin-left: 15%;
        zoom: 40%;
        transform-origin: top left;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    }

    #other_image img{

        transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    }

    .menu_edition_2014 {
        width: 70%;
    }
}




            @keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

a:link {
    color: #000000;
    border-bottom: 1px dotted #000000;
    text-decoration: none;
}
a:visited {
    color: #000000;
}
a:hover {
    color: #000000;
    border-bottom: 0px dotted #000000;
}
a:active {
    color: #000000;