@charset "utf-8";

/* layout */

img {
    width : 100%;
    image-rendering:optimizeSpeed;             /* Legal fallback */
    image-rendering:-moz-crisp-edges;          /* Firefox        */
    image-rendering:-o-crisp-edges;            /* Opera          */
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    image-rendering:crisp-edges;               /* CSS4 Proposed  */
    image-rendering:pixelated;                 /* CSS4 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}
body {
    margin: 20px auto;
    width: auto;
    max-width: 312px;
    font-size: 16px;
    text-align: center;
}

h1,figure{
    margin: 16px 0;
    font-size: 0;
}
h2 {
    display: none;
    font-size: 24px;
}

h3 {
    font-size: 24px;
    margin:0 0 0.5em;
}

ul {
    list-style:none;
    padding:0;
    box-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
}

li {
    margin: 32px 0 ;
}
li:first-child{margin-top:0;}
li:last-child{margin-bottom:0;}

li a {
    display: block;
    text-decoration: none;
    color: #FFF;
}

#schedule a {
    padding: 16px;
}
#schedule a:link {background: #27f;}
#schedule a:visited {background: #227;}
#schedule a:hover {background: #2ff;}
#schedule a:active {background: #F22;}


time {
    display: block;
}

#social {
    display: box;
    display: -webkit-box;
    display: -moz-box;    
}
#social li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    width: 48%;
    font-size:0;
}