/** Variables **/
:root {
    --futura: "futura-pt", sans-serif;
    --montserrat: "montserrat", sans-serif;

    --font-thin: 100;
    --font-light: 300;
    --font-medium: 500;
    --font-regular: 400;
    --font-book: 400;
    --font-bold: 700;
    --font-black: 500;

    --background-color: #f2f2f2;
    --font-color: #000000;
    --title-color-fbb: #74c0c8;
    --title-color-pap: #6b6251;
	--background-ptit-bisou: #b9cdc2;

}
/*********************************/

/** CTA **/
.cta-mdd {
    padding: 8px;
    border-radius: 4px;
    font-family: var(--futura);
    font-weight: var(--font-black);
    font-size: 18px;
} 
/*********************************/

/** Général **/
.pt-2 {
    padding-top: 2rem;
}
.pt-4 {
	padding-top: 4rem;
}
.col-img {
	display: flex;
	justify-content: center;
}
.col-text {
	padding-top: 4rem;
}
.row-flex {
	display: flex;
	align-items: center;
}

#btnsavoir {
    justify-content: center;
	padding: 20px 0;
}

.d-none {
	display: none;
}
.hero {
	position: relative;
}

.-objectfit-cover-mdd {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 55%;
	object-position: 50% 55%;
	width: 100%;
}
/*********************************/

/************************ Styles partagés Maïka & Marèse ************************/
/** Général **/
#logo {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 20%;
}
.row-flex p {
    margin-bottom: 20px;
}
/*********************************/

/************************ Styles partagés Maïka & Marèse ************************/

/************************ Media queries ************************/

@media (min-width: 768px) {
	.-objectfit-cover-mdd {
		height: 453px;
	}
}
@media (max-width: 768px) {
	#logo {
		width: 50% !important;
	}
	.row-flex {
		display: unset;
	}
	p {
		font-size: 16px !important;
	}
}
@media (min-width: 1024px) {
	.-fullwidth {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
}
@media (min-width: 1200px) {
	.-fullwidth {
		left: 49.3%;
	}
}
/************************ Media queries ************************/