div.gallery { 
border: 1px solid #ccc; 
text-align: center;
/*width: 100%;*/
}

div.gallery:hover{
    border: 1px solid #777;
}

/*div.gallery  img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:80%;
    height:auto;
    object-fit: contain;
}*/

div.gallery img{
    width:100%;
    height:auto;
    display: inline;
}


div.desc{
    padding:15px;
    text-align: center;
}

div.date_desc{
    padding:15px;
    text-align: center;
    background-color: gainsboro;    
}

*{ box-sizing: border-box; }

.responsive{ 
padding: 0px 6px;
float: left;
width:24.999%;
}

div.wrapper{
    margin-left:auto;
    margin-right: auto;
}

div#tumblr.responsive{
padding: 20px 10px 20px 20px;
width:49.999%;
margin-right: auto;
margin-left: auto;
float:right;
}

div#blogspot.responsive{
padding: 20px 10px 20px 20px;
width:99.999%;
margin-right: auto;
margin-left: auto;
float:right;

}
div#store.responsive{
padding: 20px 10px 20px 20px;
width:49.999%;
margin-right: auto;
margin-left: auto;
}

div#comics.responsive{
    padding: 20px 10px 20px 20px;
    width:99.99%;
    margin-right: auto;
    margin-left: auto;
}

div#illustrations.responsive{
    padding: 20px 10px 20px 20px;
    width:99.99%;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 700px)
{
    .responsive{
        width:49.9999%;
        margin:6px 0;
    }
}

@media ony screen and(max-width: 500px){
    .responsive{
        width:49.999%;
    }
}

.clearfix:after{
    content: "";
    display: table;
    clear: both;
}


/*test pages */