.fulfillment-option
{
	border:1px solid #e8e8e8;
    cursor: pointer;
    cursor: hand;
    margin:5px;
    float:left;
    width:100%;
    height:15em;
}

.fulfillment-option:hover, .fulfillment-option.active
{
	border-color:#26a69a;
}

.fulfillment-option .icon-box, .fulfillment-option .icon-box-right
{
	width:20%;
	height:14.9em;
	border-right:1px solid #e8e8e8;	
	vertical-align:middle;
	float:left;
}
.fulfillment-option .icon-box-right
{
	border-right:0;	
	border-left:1px solid #e8e8e8;	
	text-align:center;	
	width:30%;
}

.fulfillment-option .icon-box i
{
	font-size:24px;
	color:#26a69a;
	font-weight:bold;
	
	position: relative;
    top: 35%;
    left: 35%;
}

.fulfillment-option .content
{	
	padding:10px;
	width: 80%;
	float:left;
	height:154px;
}

.fulfillment-option .content .heading
{	
	color:#26a69a;
	font-weight:bold;
	font-size:14px;
}

.card
{
	height: 2in;
	width: 3.5in;	
	/*border: 1px solid #f0f0f0;
	margin: 0 0 .1in .1in;*/
	margin-bottom: 0 !important;	
	color: white;
	box-shadow: 10px 10px 50px #888888;
	font-family: Tahoma, Geneva, sans-serif;
}

/*
Bootstrap sizes
         768          992                1200
'     '     '     '     '     '     '     '     '
<---------^------------^------------------^--------->
     xs         sm              md             lg
   (phone)   (tablet)        (laptop)       (desktop)
*/

@media screen and (max-width: 768px) {
    .card {
        width:100%;
        height:100%;
    }
}


.card-print
{
	height: 2.25in !important;
	width: 3.75in !important;
	padding:.25in; /*bleed area: to be cut out*/
	background-color: black;
}


.card .card-content
{
	padding: .25in; /*safe zone: ensure content away from card edges*/
	border: 1px solid white;
	width:100%;
	height:100%;
	background-size: cover !important;
}

.card p
{
	color: inherit;
	font-family: Comic Sans MS;
	margin-bottom: 2px;
}
.card hr
{
	margin: 0;
}

.message
{
	font-size: 8px;
}

.slick-prev:before, .slick-next:before {
	color: #e0e0e0 !important;
}
.slick-next{
	right:-11px !important;	
}
.slick-prev{
	left:-11px !important;
}


