@charset "UTF-8";
/* CSS Document */


.ss-grid-wrapper {
	width: 90%;
	margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0;
}

a.ss-card, .ss-card {
    flex: 1;
    margin: 12px;
    padding: 10px;
	text-decoration: none !important;
	/* background-color: #1971d4 !important; */
}

a.ss-card h3 {
	font-size: 16px !important;
	line-height: 1 !important;
	margin: 13px auto 0px !important;
	text-decoration: none !important;
	color: #1971d4 !important;
}

.ss-shadow .ss-card {
	border: 3px solid #fff;
    border-radius: 1px;
    box-shadow: 0px 0px 8px #c6c6c6;
}

.ss-shadow .ss-card:hover {
    box-shadow: 0px 5px 8px #101010;
    transition: box-shadow .4s ease-in-out;
}

.ss-border .ss-card { border: 1px solid #333; }

.ss-border-radius .ss-card { border-radius: 4px;}

.ss-card img { 
    margin: 0 auto; 
    object-fit: contain;
    width: 100%;
}

img.img-fit { object-fit: cover; width: 100%; }
img.img-left { object-position: left; }
img.img-right { object-position: right; }


@media only screen and (max-width:768px) {
	
.ss-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0;
	margin: 0px auto;
	width: 90%;
}

.ss-card {
    flex: none;
    margin: 8px;
    padding: 10px;
	width: 46%;
    /* width: 30%; */
    /* max-width: 360px; */
    /* min-width: 270px; */
}

}