@charset "utf-8";
/* How it Works CSS YellowFishTransfers */


/*--- DIVS ---*/
/* Header */
#bg-main {
	background-image: url(../img/bg-about.jpg);
	background-position: bottom;
	background-size: cover;
	position: relative;
	height: 420px;
}
@media (min-width: 992px) {
	#bg-main {background-image: url(../img/bg-about@2x.jpg)}
}

/* Section Page-Title */
#page-title {position: absolute}
#page-title h1 {font-size: 160%}
#page-title h2 {font-size: 110%}

/* Section about */
#about {position: relative}
#about-pic {
	background: url(../img/bg-about-2.jpg) center bottom no-repeat;
	background-size: cover;
	min-height: 620px;
	margin: 0;
	position: absolute;
	top: 160px;
	z-index: 12;
}
@media (min-width: 992px) {
	#about-pic {background-image: url(../img/bg-about-2@2x.jpg)}
}
.card {
	border-bottom: 8px solid #FEE00D;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	z-index: 80;
}
.card p, .card ul {font-size: 80%}

.rgpd li {font-size: 80%;}

#card-2 {margin-top: 140px}
@media (min-width: 576px) { #card-2 {margin-top: 180px} }
@media (min-width: 768px) { #card-2 {margin-top: 240px} }
@media (min-width: 992px) { #card-2 {margin-top: 330px} }
@media (min-width: 1200px) { #card-2 {margin-top: 300px} }

#yf-btn-group {
	background: #00406E;
	margin: 0 0 -90px;
	padding: 150px 0 60px;
	position: relative;
	top: -120px;
	z-index: 10;
}