@media only screen and (max-width:1300px){

	#loop .grid {
		grid-template-columns: repeat(2,1fr);
	}

}
@media only screen and (max-width:900px){

	:root {

		--size-900: 85px;
		--size-800: 45px;
		--size-700: 35px;
		--size-650: 25px;
		--size-600: 26px;
		--size-500: 16px;
		--size-400: 16px;
		--size-300: 14px;
		--size-200: 12px;

		--space-200: 200px;
		--space-150: 150px;
		--space-140: 140px;
		--space-130: 130px;
		--space-120: 120px;
		--space-100: 100px;
		--space-90: 90px;
		--space-80: 80px;
		--space-70: 70px;
		--space-60: 60px;
		--space-50: 50px;
		--space-40: 20px;
		--space-30: 15px;
		--space-25: 25px;
		--space-20: 10px;
		--space-15: 15px;
		--space-10: 10px;
		--space-5: 5px;

	}

	#loop .grid {
		grid-template-columns: 100%;
	}

	#loop article {
		transition-delay: 0ms !important;
	}

	#loop article.affiliate {
		height: 320px;
		grid-column: auto;
		grid-row: auto;
	}

	#loop article > div {
		align-items: center;
	}

	#loop article div figure {
		width: 30%;
	}

	#loop article p {
		display: none;
	}

	#comments .comment header {
		flex-direction: column;
		align-items: start;
	}
	
	#comments .comment header a {
		opacity: 1;
	}

	#loginform {
		width: 100%;
	}

}