.index .c32 > a {
	position: relative;
	display: block;
}

.index .c32 > a > img:first-child {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s ease;
}

.p2s { padding: 10px 20px; }

.index .c32 > a:hover > img:first-child { opacity: 1; }


@media all and (min-width: 480px) and (max-width: 799px){
    .index .c32 { 
        width: calc(50% - 40px);
        display: inline-block; 
    }

    .p2s { padding: 20px; }
}

@media (min-width: 800px) and (max-width: 940px) { 
	.index .c32 { width: 50%; }

	 .p2s { padding: 20px; }
   
}

@media (min-width: 941px)  {
	.index .c32 { width: 33.333333333%; }

	 .p2s { padding: 20px; }
}