html, body{
	width:100%;
	height:100%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-family: 'helveticaneuebold';
}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('helveticaneue_bold-webfont.eot');
    src: url('helveticaneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue_bold-webfont.woff2') format('woff2'),
         url('helveticaneue_bold-webfont.woff') format('woff'),
         url('helveticaneue_bold-webfont.ttf') format('truetype'),
         url('helveticaneue_bold-webfont.svg#helveticaneuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.main-container{
	width: 98%;
	height: auto;
	display: flex;
}
.items-container{
	width: 100%;
	/* height: 360px; */
	margin: 10px;
}
.main-title{
	width: 90%;
	font-size: 24px;
	color:#000000;
	text-align: center;
	margin: 20px;
}
.separator{
	width: 100%;
	height: 20px;	
}
.content{
	width: 100%;
	height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
	gap: 50px;
}
.item{
	width: 420px;
	height: 290px;
	position: relative;
}
.item img{
	width: 100%;
	height: 100%;
}
.item-title-container{
	width: 140px;
	height: 185px;
	position: absolute;
    top: 52px;
    right: 10px;
}
.title{
	width: 100%;
	font-size: 24px;
	color:#000000;
}
.subtitle{
	width: 100%;
	height: 60px;
	font-size: 15px;
	color:#000000;
}
.btn-consulter{
	width: 121px;
	height: 40px;
	background-color: #E20714;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	cursor: pointer;
}
.btn-consulter-text{
	font-size: 18px;
	color:#ffffff;
}
a{
	text-decoration: none;
}





@media only screen and (max-width: 900px){
	.main-container{
		width: 100%;
		height: auto;
		display: flex;
	}
	.items-container{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		margin: 10px;
	}
	.main-title{
		text-align: center;
	}
	.content{
		display: flex;
		gap: 20px;
		align-items: center;
		flex-direction: column;
	}
}
@media only screen and (max-width: 430px){
	.main-container{
		width: 100%;
		height: auto;
		display: flex;
	}
	.items-container{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		margin: 10px;
	}
	.main-title{
		text-align: center;
	}
	.content{
		display: flex;
		gap: 20px;
		align-items: center;
		flex-direction: column;
	}
	.item{
		width: 360px;
		height: 249px;
		position: relative;
	}
	.item img{
		width: 100%;
		height: 100%;
	}
	.item-title-container{
		width: 140px;
		height: 185px;
		position: absolute;
		top: 52px;
		right: 10px;
	}
}



/* width */
::-webkit-scrollbar {
    width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #bbbbbb; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d82a2a; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #d82a2a; 
}