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

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

	/****************************** STRUCTURE ************************************/

	#tall-ships_wrapper{
		/*border: 1px solid lightblue;*/
		width: 95%;
		margin: 0 2.5%; 
		float: left;
	}

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

	
		.web_promo{
			/*border: 1px solid #c7c7c7;*/
			width: 80%;
			padding: 50px;
			margin: 2em 10%;
			float: left;
		}	
		#web_icon {
			width: 40px;
			margin-left: 15px;

		}
		#tall-ships_promo{
			background-color: rgba(123,125,166,.2); 
		}
			#tall-ships_promo a{
				text-decoration: none;
				color: #C7C7C7;
			}
			#tall-ships_promo a:hover{
				background-color: rgba(123,125,166,.5);
				font-weight: 300;
				color: white;
			}
		#tall-ships_promo-art{
			width: 100%;
			vertical-align: bottom;
			display: block;
			margin: 1em auto 0 auto;
		}
}	


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

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


	/*ARTWORK CONTAINER*/
	#tall-ships_wrapper{
		/*border: 1px solid lime;*/
		width: 70%;
		margin: 1em auto;
		display: block;
		float: none;
	}
		#tall-ships_art{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
}

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

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


	/*ARTWORK CONTAINER*/
	#tall-ships_wrapper{
		/*border: 1px solid pink;*/
		width: 95%;
		margin: 0 auto;
		display: block;

	}
		#tall-ships_art{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
}

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

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


	/*ARTWORK CONTAINER*/
	#tall-ships_wrapper{
		/*border: 1px solid red;*/
		width: 800px;
		margin: 0 auto;
		display: block;
	}
		#tall-ships_art{
			/*border: 1px solid yellow;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
}

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

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


	/*ARTWORK CONTAINER*/

	#tall-ship_wrapper{
		/*border: 1px solid orange;*/
		width: 95%;
		margin: 0 2.5%; 
		float: left;
	}
	#tall-ships_wrapper{
		/*border: 1px solid red;*/
		width: 800px;
		margin: 0 auto;
		display: block;
	}
		#tall-ships_art{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}

}

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

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


	/*ARTWORK CONTAINER*/
	#tall-ships_wrapper{
		/*border: 1px solid cyan;*/
		width: 800px;
		margin: 0 auto;
		display: block;
	}
		#tall-ships_art{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
}

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

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


}