/* Banner ------------------------ */
.banner_img{
	width: 100%;
	height: 300px; 
	object-fit: cover;
}
/* end --------------------------- */

/* Main ------------------------ */
/* Контейнер разделяющий на две колонки */
.twoColumn{
	display: flex;
	flex-direction: row;
	column-gap: 30px;
}
/* Контейнер разделяющий на две строки */
.twoRow{
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	flex: 1;
}

/* Paggination ------------------------ */
.paggination{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
		/* Paggination Flex */
		.paggination_flex{
			display: flex;
			align-items: center;
			column-gap: 20px;
		}
		/* Paggination a (links) */
		.paggination_a{
			list-style-type: none; 
			text-decoration: none;
			color: black;
		}
		.paggination_a:active{
			color: #5D71DD;
			text-decoration: underline;
			text-underline-offset: 6px;
		}
		.paggination_a:hover{
			color: #5D71DD;
		}
/* end --------------------------- */

/* Popular News ------------------------ */
.popularNews{
	margin: 30px 0px;
}
		/* News Title */
		.popularNews_title{
			font-size: 24px;
			font-weight: 550;
			line-height: 37px;
		}
		.popularNews_items{
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin-top: 30px;
		}
				.popularNews_item{
					display: flex;
					flex-direction: column;
					gap: 10px;
				}
				.popularNews_item_title{
					font-size: 18px;
				}
				.popularNews_item_date{
					color: rgba(47, 34, 34, 0.4);
					font-size: 18px;
					font-weight: 400;
				}
		hr{
			height: 2px;
			border: none;
			background-color: rgba(229, 228, 228, 1);
		}
/* end ------------------------ */

/* Subscribtion ------------------------ */
.subcribtion{
	background-color: white;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	height: 270px;
	padding: 30px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
		.subcribtion_form{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 20px;
		}
		.subcribtion_title{
			font-size: 22px;
			font-weight: 550;
			margin-bottom: 20px;
		}
		.subcribtion_input{
			background-color: rgba(245, 245, 245, 1);
			padding: 13px 32px;
			border-radius: 20px;
			border: none;
			font-size: 18px;
			outline: none;
		}
		.subcribtion_button{
			padding: 13px 32px;
			border-radius: 20px;
			border: none;
			width: 100%;
			font-size: 18px;
			color: white;
			background-color: rgba(93, 113, 221, 1);
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 14px;
		}
/* end ------------------------ */

@media (min-width: 768px) and (max-width: 1024px){
	/* Popular News ------------------------ */
	.popularNews_items{
		flex-direction: row;
	}
			.popularNews_item{
				width: 300px;
			}
			.popularNews_item_title{
				font-size: 16px;
			}

	/* Subscribtion ------------------------ */
	.subcribtion{
		margin-bottom: 30px;
	}
			.subcribtion_form{
				flex-direction: row;
			}

}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px){
	/* Main ------------------------ */
	/* Контейнер разделяющий на две колонки */
	.twoColumn{
		flex-direction: column;
		align-items: center;
		row-gap: 30px;
	}
	
	/* Popular News ------------------------ */
	.popularNews_title{
		text-align: center;
	}
	.popularNews_items{
		flex-direction: column;
		align-items: center;
	}
	.popularNews_item{
		width: 300px;
	}

	/* Subscribtion ------------------------ */
	.subcribtion{
		padding: 18px;
		margin-bottom: 30px;
	}
}