/* MOBILE */
@media only screen and (max-width: 500px) {
	.jota-cover__image {
		margin-right: 0;
	}

	.jota-cover {
		margin: 65px 0rem !important;
	}

	.jota-cover__primary .jota-cover__body {
		width: 100%;
	}

	.jota-cover__primary .jota-cover__body img {
		width: 100%;
		/* height: 200px; */
	}

	.jota-cover__primary .jota-cover__term {
		margin-block: 20px;
	}

	.jota-cover__primary .jota-cover__title {
		margin-block: -10px 12px;
		/* width: 385px; */
	}

	.jota-cover__primary .jota-cover__lead {
		margin-block: 15px;
	}

	.jota-cover__primary .jota-cover__authors {
		margin-block: 15px 55px;
	}

	.jota-article__header {
		margin-top: 0px !important;
	}

	.jota-article {
		padding: 0 .5rem;
		padding-top: 3.5rem !important;

	}
}

@media only screen and (max-width: 500px) {
	.jota-cover--home .jota-cover__primary {
		width: 100%;
	}

	body {
		width: 100%;
	}

	.jota-cover__secondary {
		border: none;
		width: 100%;
		display: flex;
	}

	.jota-cover__secondary .jota-cover a {
		margin-right: 12px;
	}

	.jota-cover__secondary .jota-cover__term {
		margin: 0;
	}

	.secondary-wrap {
		margin-bottom: 24px;
		max-width: 100% !important;
		width: 100% !important;
		margin-right: 0;
	}

	.secondary-wrap .jota-cover__image {
		width: 7em;
		height: 6em;
	}

	.secondary-wrap .jota-cover__title {
		font: 700 1rem/1.25rem Roboto, sans-serif;
	}

	.jota-cover__secondary img {
		max-width: 100%;
		max-height: 100%;
	}

}

@media only screen and (max-width: 915px) and (min-width: 501px) {

	.jota-cover__primary {
		margin: auto;
	}

	.jota-cover__primary .jota-cover__authors {
		margin-block: 10px 30px;
	}

	.jota-cover__primary .jota-cover__term {
		margin-block: 20px;
	}

	.jota-cover__secondary {
		border: none;
	}

	.secondary-wrap {
		margin-bottom: 24px;
	}

	.secondary-wrap .jota-cover__secondary {
		margin-bottom: 0;
	}

	.secondary-wrap .jota-cover__image {
		width: 7em;
		height: 6em;
	}

	.secondary-wrap .jota-cover__title {
		font: 700 1.5rem/2rem Roboto, sans-serif;
	}

	.jota-cover__primary .jota-cover__body img {
		/* width: 100%; */
		/* height: 300px; */
		margin: 0;
	}

	.jsecond-root article img {
		width: 160px !important;
		height: 148px !important;
	}

	.recent-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.j-recent_item {
		height: 250px;
	}
}