/* SMALL DESKTOP & LARGE TABLET SCREENS */
@media all and (max-width: 1024px) {
	
	/* LAYOUT */
	.layout,
	.footer {
		width:100%;
		}
		
		
		div.footer div.footer_left,
		div.footer div.footer_right {
			width:100%;
			}
			
		
		div.footer div.footer_right {
			float:left;
			padding-top:30px;
			}
		
		div.footer div.footer_right a {
			padding:0px;
			display:block;
			}
	
	/* ADMIN */
	div.admin_navigation {
		display:none;
		}
	
	/* IMAGES */
	div.top div.image,
	div.frontpage div.item div.image {
		height:120px;
		width:120px;
		top:-40px;
		left:calc(100% - 110px) !important;
		background-size:120px 120px;
		}
		
	
	div.frontpage div.item div.image {
		top:-65px;
		}
	
	/* LAYOUT */
	div.layout,
	div.footer {
		width:90vw;
		margin-left:5vw;
		}
	
	/* HEADER */
	div.header div.logo {
		font-size:9vw;
		margin-left:4vw;
		}
		
	/* NAVIGATION */
	div.navigation {
		right:5vw;
		}
	
	/* HOME - FRONTPAGE */
	div.frontpage {
		width:100%;
		}
	
	/* ITEMS - HOME - JOKES */
	div.frontpage div.item.jokes {
		padding-bottom:60px;
		}

	/* HOME - BROWSE */
	div.home_browse {
		width:100%;
		margin-left:0px;
		top:0px;
		}
				
		
	/* LISTS - LIST OF COLLECTIONS */
	div.collection_list a.list_item {
		width:calc(50% - 2vw - 2px);
		margin:2vw;
		}
		
		div.collection_list a.list_item:nth-child(3n + 1) {
			margin-left:2vw;
			}
			
		div.collection_list a.list_item:nth-child(3n) {
			margin-right:2vw;
			}
		div.collection_list a.list_item:nth-child(2n + 1) {
			margin-left:0px;
			}
			
		div.collection_list a.list_item:nth-child(2n) {
			margin-right:0px;
			}
		
		/* TOP - PAGE LINKS */
		div.top div.links {
		right:auto;
		left:0px;
		top:30px;
		z-index:10000;
		}
		
		div.top div.links a {
			float:left;
			padding-left:0px;
			padding-right:0px;
			}
		
} /* END SMALL DESKTOP & LARGE TABLET SCREENS */


/* PHONE AND SMALL TABLET SCREENS */
@media all and (max-width: 640px) {

	div.list.list_topics div.list_item {
		color:var(--color-gray-0);
		width:50%; /* CREATES COLUMNS */
		}
	
	/* ITEMS - QUOTES */
	
	div.item.quotes {
		margin-top:50px;
		margin-bottom:40px;
		}
		
	div.item.quotes div {
		margin-left:0px;
		}
				
	div.item.quotes img {
		position:absolute;
		left:auto;
		right:-0px;
		top:30px;
		height:160px;
		width:160px;
		border:8px solid white;
		transform:rotate(3deg) !important;
		}
	
	div.frontpage div.item.quotes img {
		left:0px;
		}
	
} /* END PHONE AND SMALL TABLET SCREENS */