.hotnews{
	max-width: $global-max-width;
	margin: 60px auto 0 auto;
	padding: 0 20px;

	&__container{
		display: flex;
		justify-content: space-between;

		&__item{
			display: block;
			width: 23.3%;

			.image {
				width:100%;
				
				img{
					width:100%;
				} 
			} 

			.titre{
				margin-top: 10px;
				@extend .din-bold;
				font-size: 1.5rem;
			}
		}
	}
}

/*
|--------------------------------------------------------------------------
| IPAD HORIZONTAL
|--------------------------------------------------------------------------
*/
@media screen and (max-width: $tablet-verticale){
	.hotnews{
		&__container{
			flex-wrap: wrap;

			&__item{
				width: 48%;
				margin-bottom: 30px;
			}
		}
	}
}


/*
|--------------------------------------------------------------------------
| IPAD VERTICAL
|--------------------------------------------------------------------------
*/
@media screen and (max-width: $phone){
	.hotnews{
		&__container{
			&__item{
				width: 66%;
				margin: 0 auto 30px auto;
			}
		}
	}
}