@import '../components/count.css';

/*SECTION PRINCIPALE -----------------*/
/*------------------------------------*/

section{
	flex-direction: row;
	position: fixed;
}

::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
    height:0px;
}

::-webkit-scrollbar-thumb {
    width: 0px;
    background-color: transparent;
    border-radius: 0px;
}

section p{
	font-size:var(--font-size-mid);
	line-height:1em;
}

section p strong {
    font-family: var(--font-regular);
    font-weight: normal !important;
}

.about-bloc {
	display:flex;
	flex-direction: column;
	width:65%;
}

.about-bloc.about-contact {
	justify-content: space-between;
	position:sticky;
	top:0;
	padding-bottom:1px;
}

.button-cgv{
	cursor:pointer;
}

.about-bloc.about-contact .element {
	display:flex;
	flex-direction:column;
}

.about-bloc.about-contact .element:nth-child(1) {
	gap:var(--spacing-tiny);
}

.about-bloc.about-contact .element:nth-child(1) div:nth-child(1) p a{
	text-decoration: none;

}

.about-bloc.about-contact .element:nth-child(2) div {
	display:flex;
}

.about-bloc.about-text {
	min-width:65%;
	display:flex;
	flex-direction:column;
	gap:var(--spacing-big);
}

.about-bloc.about-cgv{
	display:none;
	min-width:60%;
	padding-right:5%;
}

.bigger p{
	font-size:var(--font-size-medium);
    font-family:var(--font-light); 

}

@media screen and (max-width: 768px) {

	section{
		flex-direction: column;
	}

	.about-bloc {
		width:100%;

	}

	p.light{
    font-family:var(--font-regular); 
    color: var(--color-second);
	}

	section p strong {
	    color: var(--color-main);

	}
	.about-bloc.about-contact {
		position:relative;
		order:3;
		position:sticky;
		padding-top:var(--spacing-tiny);
		padding-bottom:var(--spacing-tiny);
		bottom:0;
		background-color: white;
	}

	.about-bloc.about-text {
		order:1;
		padding-bottom:var(--spacing-tiny);
		max-width:100%;
		min-width:auto;
	}

	.about-bloc.about-cgv{
		order:2;
		padding-right:0;
	}

	.about-bloc.about-contact .element:nth-child(1) div:nth-child(2) p {
		font-size:var(--font-size-normal);
	}


	.about-bloc.about-contact .element:nth-child(2) div p {
		font-size:var(--font-size-normal);
	}


}