@media(min-width: 768px) {
	#flipp-container>nav { position: fixed!important; top: 72px!important; }
}

#customFlyer,
#palumboFlyer,
#intermarcheFlyer,
#intermarche-flipsnackFlyer {
	& .header {
		color: var(--white);
		display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	    padding: 7px 15px;
		
		& .h4 {
			text-transform: uppercase;
		}
	}
	
	& .flyerSwitchLink a {
		color: var(--white);
		text-decoration: none;
	}

	@media(min-width: 768px) {
		& .header {
			padding: 25px;
		    position: sticky;
		    top: 71px;
		    z-index: 99999;
		}

		& .flyerSwitchLink {
			padding: 5px 25px;
			position: absolute;
			left: 0;
			text-decoration: none;
			top: 50%;
			transform: translatey(-50%);
		}
	}
}
#customFlyer .header {
	background-color: var(--dark-grey);
}
#palumboFlyer .header {
	background-color: var(--red);
}
#intermarcheFlyer .header,
#intermarche-flipsnackFlyer .header {
	background-color: var(--prim-green);
}
.intermarcheFlyerBtn img {
	max-width: 280px;
}
.palumboFlyerBtn img {
	max-width: 220px;
}

#flyersLinks {
    max-width: 860px;
    margin: auto;

	& a {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 7px;
		display: flex;
		height: 250px;
		padding: 25px;
	    flex-direction: column;
	    align-items: stretch;
	    justify-content: space-around;
	    
	    & .h7 {
	    	color: var(--dark-grey);
	    }
	}
	& a:hover {
		opacity: 0.7;
	}
	& a.palumboFlyerBtn {
		background-color: var(--sand);
		background-image: url(/images/pages/flyers/palumbo_bg.jpg);
	}
	& a.intermarcheFlyerBtn {
		background-color: var(--prim-green);
		background-image: url(/images/pages/flyers/intermarche_bg.jpg);
	    & .h7 {
	    	color: var(--white);
	    }
	}
	& a.customFlyerBtn {
		background-color: var(--white);
		background-image: url(/images/pages/flyers/custom_bg.jpg);
		border: 1px solid var(--disabled-grey);
	}
}