main
{
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	gap: 10px;
}

.top-full
{
	background-color: rgb(252, 245, 231);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.25);
	display: flex;
	grid-column: 1/21;
	min-height: 70px;
	font-family: var(--fontFamily-varela_round);
	font-size: 26px;
	align-items: center;
	justify-content: center;
/*	border: 2px solid blue;*/
}

.works_middle
{
	font-family: var(--fontFamily-cambria_serif);
/*	border: 2px solid greenyellow;*/
}

article
{
	display: grid;
	grid-template-columns: repeat(50, 1fr);
	background-color: var(--bg-white);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	margin-bottom: 5px;
/*	border: 1px dashed olivedrab;*/
}

.works_article_content_sub h3
{
	font-family: 'Varela Round', sans-serif;
	font-size: 24px;
	margin-top: 1%;
	margin-bottom: 2%;
}

.works_article_content_sub h4
{
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	margin-bottom: 1%;
}

.works_article_content_sub a
{
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
	text-decoration: none;
	margin-left: 3%;
	padding: 1%;
	border-radius: 10px;
	transition: 0.3s;
}

.works_article_content_sub a:hover
{
	background-color: rgb(231, 231, 231);
}

.works_article_content_sub p
{
	line-height: 1.4;
	color:rgb(77, 77, 77);
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
/*	border: 1px dashed olivedrab;*/
}

.works_article_content_sub_p p
{
	margin-top: 2%;
	font-weight: bold;
	text-indent: 0px;
}

.works_middle_post_img_sub_hover img
{
	transition: 0.3s;
	margin-bottom: 2%;
/*	border: 2px solid red;  */
}

.works_middle_post_img_sub_hover:hover img
{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.25);
  transform: scale(1.01);
}

.works_article_content_sub_bottom_full a
{
	font-family: var(--fontFamily-varela_round);
	font-size: 16px;
	text-decoration: none;
/*	padding: 2%;*/
/*	border: 2px solid red;*/
}

.bottom-custom
{
	background-color: var(--bg-white);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.25);
	grid-column: 7/17;
	font-family: var(--fontFamily-varela_round);
	font-size: 20px;
	padding: 10px;
/*	border: 2px solid red;*/
}