/* =============
   REQUEST QUOTE
   ============= */	
.card__request_quote {
	background: var(--color__midnight);
	display: flex;
	overflow: hidden;
	align-content: center;
	align-items: center;
	line-height: 1em;
	transition: transform .4s, box-shadow .5s;
	box-shadow: 0 15px 30px rgba(0,0,0,0); }	

a.card__request_quote {
	overflow: hidden;
	flex-direction: column;
	border-radius: 20px;
	position: relative;
	z-index: 1; }

.card__request_quote .image {
	padding: 2rem;
	width: 10rem;
	height: 8rem; }	

.card__request_quote .image div img {
	object-fit: contain;
    width: 100%;
    height: 100%; }
	
.card__request_quote .label {
	flex: 1;
	color: var(--color__white);
	position: relative;
	text-align: center;
	padding: 2rem; }
	

.card__request_quote:hover {
	box-shadow: 0 10px 40px rgba(0,0,0,.025);
	transform: translate(0, -5px); }	

/* List */
.list__request_quote {
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
	width: calc(100% + 6rem);
	margin-left: -2rem; }
	
.list__request_quote .card__request_quote { 
	margin-bottom: 2.5rem;
	width: calc(33.3% - 2rem);
	margin-left: 2rem; }


/* Temporary - hide the chevron */
.card__request_quote .label:after {
	display: none; }


@media all and (max-width:1000px) {
	
	.list__request_quote {
		width: calc(100% + 4rem);
		margin-left: -3rem; }
	
}


@media all and (max-width:768px) {
	
	.list__request_quote {
		width: calc(100% + 4rem);
		margin-left: -2rem; }	
		
	.list__request_quote .card__request_quote { 
		width: calc(50% - 3rem); }
	
}




@media all and (max-width:450px) {
	

	.list__request_quote,
	.list__request_quote .card__request_quote { 
		margin-left: 0;
		width: 100%; }
	
}