@media (max-width: 1024px){
    html, body{
		padding-left: clamp(.1rem, 1%, 1rem);
		padding-right: clamp(.1rem, 1%, 1rem);
		overflow-x: hidden;
	}
	.arti-min{
		display: grid;
		grid-template-columns: repeat(3, 1fr); 
		justify-content: space-around;
		align-items: center;
		text-align: center;
		flex: 1;
		padding: 9px;
		grid-gap: 10px;
	}
	.date{
		display: grid;
		grid-template-columns: auto auto;
		align-items:center;
	}
	.article-body{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto;
		grid-gap: 6px;
	}
	.arti-min-two, .arti-min-one {
		height: 270px;
	}
	
	.arti-a {
		grid-area: 1/1/2/4;
	}
	.arti-b {
		grid-area: 2/1/3/3;
	}
	.arti-bс {
		grid-area: 3/1/5/3;
	}
	.arti-d {
		grid-area: 2/3/5/4;
	}
	.arti-f {
		grid-area: 6/1/7/4;
	}

	.arti-e{
		grid-area: 7/1/8/4;
		margin-top: 5px;
	}
	.arti-h{
		grid-area: 9/3/11/4;
	}
	.arti-i{
		grid-area: 8/1/9/4;
	}
	.arti-k{
		grid-area: 9/1/10/3;
	}
	.arti-kc{
		grid-area: 10/1/13/3;
	}
	.arti-l{
		grid-area: 11/3/14/4;
		border-left: solid 1px var(--black);
		text-align: center;
	}
	.arti-m{
		grid-area: 13/1/14/4;
		font-style: italic;
		font-size: 90%;
	}
	.arti-n{
		grid-area: 14/1/15/4;
		margin-top: 0;
	}
	footer{
		grid-template-columns: auto auto;
	}
	footer{
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: 1fr;
		grid-gap: 5px;
		margin-top: 6px;
		margin-bottom: 5px;
		border-top: 1px solid #000;
		justify-content: center;
	}
	footer img{
		width: 30px;
	}
	.footer-logo{
		align-self: center;
		grid-area: 1/1/2/2;
		margin-top: .7rem;
		margin-right: .5rem;
	}
	.footer-text{
		grid-area: 1/2/2/3;
	}
}


@media (max-width: 920px) {
	.date {
		justify-content: center;
		align-self: center;
	}
	.input-group {
		width:100%;
	}
}

@media (max-width: 770px) {
	h2 {
		padding-left: 5px;
	}
	aside{
		margin: .6rem 0 .2rem;
	}
	.arti-min-two, .arti-min-one {
		height: 205px;
	}
}


@media (max-width:414px){
	.hidden-ones{
		display: block;
	}
	.arti-f ul li, .arti-m ul li {
		display: block;
		letter-spacing: 1px;
	}
	.commas li:after { content: ";" }
	.commas li:last-child:after { content: "." }
	.arti-f, .arti-m {
		margin-top: 1px;
		padding: 5px 20px;
	}
	.arti-min-two, .arti-min-one {
		height: 170px;
	}
	.commas{
		padding: 0;
		margin: 0;
	}
	.main-header{
		padding: 0;
	}
	h2{
		padding-left: 1px;
	}
	.article-body{
        display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 3px;
	}
    .arti-min{
		display: grid;
		grid-template-columns: 1fr 1fr; 
		justify-content: space-around;
		align-items: center;
		text-align: center;
		flex: 2;
		padding: 2px;
		grid-gap: 3px;
	}
	.arti-a {
		grid-area: 1/1/2/2;
	}
	.arti-d {
		grid-area: 2/1/3/2;
	}
	.arti-b {
		grid-area: 3/1/4/2;
	}
	.arti-bс {
		grid-area: 4/1/5/2;
	}
	
	.arti-f {
		grid-area: 6/1/7/2;
	}
    .arti-l {
		display: none;
	}
	.arti-c {
		display: none;
	}
	.arti-e {
		grid-area: 7/1/8/2;
	}
	.arti-i {
		grid-area: 8/1/9/2;
	}
	.arti-h {
		grid-area: 9/1/10/2;
	}
	.arti-k {
		grid-area: 10/1/11/2;
	}
	.arti-kc {
		grid-area: 11/1/12/2;
	}
	.arti-m {
		grid-area: 12/1/13/2;
	}
	.arti-n {
		grid-area: 13/1/14/2;
	}

}

@media (max-width:380px){
	.arti-min-two, .arti-min-one {
		height: 157px;
	}
}

@media (max-width:320px){
	.active-g{
		right: 12px;
	}
	.arti-min-two, .arti-min-one {
		height: 140px;
	}
}