@media screen and (max-width: 801px){
    html{
        font-size:14px;
    }
    #graphic ul li{
        margin-top:43.5px;
    }
}
@media screen and (max-width: 726px){
    #left, #right{
        float:none;
    }
    #right{
        min-width:0;
    }
}
@media screen and (max-width: 709px){
    html{
        font-size:13px;
    }
    #graphic ul li{
        margin-top:45px;
    }
}
@media screen and (max-width: 699px){
    html{
        font-size:12px;
    }
    #graphic ul li{
        margin-top:46px;
    }
}
@media screen and (max-width: 618px){
    html{
        font-size:11px;
    }
    #graphic ul li{
        margin-top:47px;
    }
}
@media screen and (min-width: 557px){
    .large{
        display:block;
    }
    .small{
        display:none;
    }
}
@media screen and (max-width: 556px){
    .large{
        display:none;
    }
    .small{
        display:block;
    }
}
@media screen and (max-width: 450px){
    html{
        font-size:10px;
    }
}
@media screen and (max-width: 400px){
    #right{
        text-align:center;
    }
}