body {
	font-family:Arial,sans-serif;
	background: url("../images/rnrft-background.jpg") scroll;
	background-repeat:repeat;
  	overflow-x:hidden;
}

a {
	color: #f351b4;
}
a:hover {
	color: yellow;
}

img.biteme {
    width: 100%;
    display: inline;
    z-index: 1;
}

.avril-box {
	/* background-color: rgba(0,0,0,0.6);
	padding: 40px;*/ 
	text-align: center;
	margin: 0 auto;
	/* min-width: 600px;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
}

.visible-mobile {
  display: none !important;
}

@media (max-width: 689px) {
  .visible-mobile {
    display: inline !important;
  }

  .hidden-mobile {
    display: none !important;
  }
}	

.footer {
	margin: 30px 0;
	font-weight: 600;
	color: #fff;
	position: absolute;
	bottom: 20px;
	z-index: 6;
}


.center {
	text-align:center;
}
.wide {
	display: block;
}
.narrow {
	display: none; 
}

.tm-newsletter-icon {
    background-color: #f351b4 !important;
}

.container-fluid { 
	margin: 0;
	padding: 0;
}

#01 { z-index: 5; }
#02 { z-index: 4; }
#03 { z-index: 3; }
#04 { z-index: 1; }

.cards { 
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	cursor: url("../images/cursor-note.png"), auto;
}
.card1 { animation: fadeInAnimation ease 2s; }
.card2 { animation: fadeInAnimation ease 4s; }
.card3 { animation: fadeInAnimation ease 2s; }

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* MEDIA QERIES */
@media all and (max-width: 1200px) {
	.store_link {
	max-width: 670px;
	margin-bottom: 20px;
	}
	.wide {
		display: block;
	}
	.narrow {
		display: none;
	}
}

@media all and (max-width: 768px) {
	body {
	background-size: auto;
	}
	
	.store_link {
		max-width: 500px;
		font-size: 20px;
	}
	.wide {
		display: none;
	}
	.narrow {
		display: block;
	}
}
	
@media all and (max-width: 520px) {
	.hide_mob {
		display:none;
	}
	.store_link {
		font-size: 18px;
		line-height: normal;
	}
	.wide {
		display: none;
	}
	.narrow {
		display: block;
	}
}