/* XX-SMALL MOBILE: LIGHT BLUE; ************************************/

@media only screen and (min-width: 20em) {

	/****************************** ARTWORK ************************************/

	#rio-olympics{
		/*border: 1px solid lightblue;*/
		width: 100%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 95%;
			margin: 0 2.5%;
			float: left;
		}

	/****************************** WEB PROMO ************************************/

	.web_promo{
		/*border: 1px solid #c7c7c7;*/
		width: 100%;
		padding: 0 40px 0 40px;
		float: left;
	}		
		#rio_promo{
			background-color: rgba(123,125,166,.2);
		}
		#rio_promo a{
			text-decoration: none;
			color: #C7C7C7;
		}
		a#rio_promo:hover{
			background-color: rgba(123,125,166,.5);
			font-weight: 300;
			color: white;
		}
	#oly-gold{
		width: 70%;
		vertical-align: bottom;
		display: block;
		margin: 0 auto;
	}
	#web_icon{
		width: 40px;
		margin-left: 15px;
	}
	

/** X-SMALL: SMARTPHONES LANDSCAPE: LIME *************************************/

@media only screen and (min-width: 30em) {


	/*ARTWORK CONTAINER*/
	#rio-olympics{
		/*border: 1px solid lime;*/
		width: 90%;
		margin: 1em 5% 0 5%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
	.web_promo{
		/*border: 1px solid #c7c7c7;*/
		width: 90%;
		margin: 0 5%;
		padding: 30px 30px 0 30px;
		float: left;
		position: relative;
	}
		#web_icon{
			width: 40px;
			position: absolute;
			bottom: 10px;
			right: 10px;

		}
		#oly-gold{
			width: 90%;
			vertical-align: bottom;
			display: block;
			margin: 0 auto;
		}
}

/** SMALL: TABLETS PORTRAIT: PINK; *************************************/

@media only screen and (min-width: 48em) {


	/*ARTWORK CONTAINER*/
	#rio-olympics{
		border: 1px solid pink;
		width: 95%;
		margin: 0 2.5%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
	.web_promo{
		/*border: 1px solid #c7c7c7;*/
		width: 90%;
		margin: 0 5%;
		padding: 30px 30px 0 30px;
		position: relative;
	}
		#web_icon{
			width: 40px;
			position: absolute;
			bottom: 10px;
			right: 10px;

		}
		#oly-gold{
			width: 90%;
			vertical-align: bottom;
			display: block;
			margin: 0 auto;
		}
}

/** MEDIUM: TABLET LANDSCAPE / DESKTOP: YELLOW; *************************************/

@media only screen and (min-width: 64em) {


	/*ARTWORK CONTAINER*/
	#rio-olympics{
		border: 1px solid yellow;
		width: 100%;
		margin: 0 0%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}

	.web_promo{
		/*border: 1px solid #c7c7c7;*/
		width: 90%;
		margin: 0 5%;
		padding: 30px 30px 0 30px;
		position: relative;
	}
		#web_icon{
			width: 40px;
			position: absolute;
			bottom: 10px;
			right: 10px;

		}
		#oly-gold{
			width: 90%;
			vertical-align: bottom;
			display: block;
			margin: 0 auto;
		}

}

/* LARGE: DESKTOP: ORANGE; ************************************/

@media only screen and (min-width: 85.375em) {


	/*ARTWORK CONTAINER*/
	#rio-olympics{
		border: 1px solid orange;
		width: 80%;
		margin: 0 10%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}

}

/* X-LARGE: DESKTOP: CYAN; ************************************/

@media only screen and (min-width: 120em) {


	/*ARTWORK CONTAINER*/
	#rio-olympics{
		border: 1px solid cyan;
		width: 80%;
		margin: 0 10%;
		float: left;
	}
		#rio-olympics img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
}

/* XX-LARGE: DESKTOP: RED; ************************************/

@media only screen and (min-width: 160em) {


}