/* --------------------------- TABLET BREAKPOINT ----------------------------- */
@media only screen and (min-width: 601px) and (max-width: 1024px) {

	.article-top .container .content{
			min-width: unset;
			max-width: unset;
			width: 100%;
		}
	.article-top .image{
		display: none;
	}
	.article-top .background-image-wideScreens{
		display: none;
	}
	.article-top .container {
		justify-content: center;
	}
	.article-top .container .content{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.article-top .container .content h1{
		text-align: center;
		margin-right: unset;
	}
	
	#single article{
		display: block;
	}
	#single article .content{
		padding: 0;
	}
	#single article aside{
			display: none;
	}
	/* 	related posts */
	#related-posts {
		grid-template-columns: repeat(2, 1fr);
	}
}



/* --------------------------- MOBILE BREAKPOINT ----------------------------- */
@media only screen and (max-width: 600px){
        .article-top{
            min-height: unset;
        }

		.article-top .container .content{
			min-width: unset;
			max-width: unset;
			width: 100%;
		}
		.article-top .container {
			justify-content: center;
		}
		.article-top .image{
			display: none;
		}
		.article-top .background-image-wideScreens{
			display: none;
		}
		.article-top .container .content{
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.article-top .container .content h1{
			text-align: center;
			font-size: 36px;
			margin-right: unset;
		}
		.article-top .container .content ul{
			margin-bottom: 0px;
			justify-content: center;
			flex-wrap: wrap;
		}
		.article-top .container .content ul li:nth-of-type(4){
			display: none;
		}
		
		.article-content{
		    margin-top: 4rem !important;
		}
	
		#single article{
			display: block;
		}
		#single article .content{
			padding: 0;
		}
		#single article aside{
			display: none;
		}
	
		/* 		BIG_CTA */
		#big_cta{
			display: flex;
			align-items: flex-start;
			flex-direction: column;
			gap: 48px;
		}
		/* 		related posts */
		#related-posts {
			grid-template-columns: unset;
		}
}