﻿.trending-content {
	width: 100%;
	777height: 660px; 
	aspect-ratio: 16/9;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 0px; 
  	text-align: center;
	box-sizing: border-box;
	clear: both; 
	}





/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.trending-content {
		height: 200px; height: 400px;
  		position: sticky;
  		top: 0;
		z-index: 1;  
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.trending-content {
		height: 250px; height: 450px;
  		position: sticky;
  		top: 0;
		z-index: 1;   
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.trending-content {
		height: 300px;  height: 460px;  
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.trending-content {
		height: 350px; height: 470px;  
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.trending-content {
		height: 400px; height: 480px;   
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.trending-content {
		height: 450px; height: 490px; 
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.trending-content {
		height: 500px;  
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.trending-content {
		height: 600px;  
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.trending-content {
		height: 660px;  
		} 
	}










.trending-frame-set {
	width: 100%;
	height: 100%;
	border: 0px;
  	display: inline-block;
	box-sizing: border-box;
	clear: both;  
	}

#trending-presentation {
	width: 100%;
	height: 100%;
	}