#pict {text-align:center; margin:0 auto;}
        article {margin:0 auto;}
        #pict a {display:inline-block; width:300px; padding:8px; vertical-align:top;}
        #pict figure {width:100%; height:100%; margin:0; padding:0;}
        #pict img {width:300px; height:384px; border:1px #555555 solid;}
        #pict a:link {color: #555555;}
       #pict a:visited {color: #555555;}
       #pict a:active {color: #555555;}
       #pict a:hover {background-color: #555555; color:#ffffff;}
        .prs {background-color:#990000; color:#ffffff; margin:10px auto; text-align:center; width:100px;}
        .srp {background-color:#555555; color:#ffffff; margin:10px auto; text-align:center; width:100px;}
        
    #frm {background-color:#cccccc; padding:0; text-align:center;}
    
    @media all and (max-width: 2560px){
        #pict, article {width:1920px;}
    }
    
    @media all and (min-width: 1388px) and (max-width: 2559px){
        #pict, article {width:1280px;}
    }
    
    @media all and (min-width: 1024px) and (max-width: 1365px){
        #pict, article {width:960px;}
    }
    
    @media all and (min-width: 1024px) and (max-width: 1365px){
        #pict, article {width:960px;}
    }
    
    @media all and (min-width: 720px) and (max-width: 1023px){
        #pict, article {width:640px;}
    }
    
    @media all and (max-width: 719px){
        #pict, article {width:320px;}
    }