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

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

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

	#avs-main{
		/*border: 1px solid lightblue;*/
		width: 95%;
		margin: 0 2.5%;
		float: left;
	}
	#avs{
		border: 1px solid #c7c7c7;
		width: 100%;
		float: left;
		margin-top: 1em; 
		position: relative;
	}
		#avs img{
			/*border: 1px solid #E2E2E2;*/
			width: 100%;
			margin: 0 0;
			float: left;
		}
	/****************************** NEW STUFF ************************************/


		.avs_logo-gifs{
			position: absolute;
			top: 80px;
			left: 0;
			width: 80%;
			margin: 0 10%;
			float: left;
		}
		.logo_container1, .logo_container2{
			width: 50%;
			float: left;
		}
		.logo_container3{
			width: 100%;
			float: left;
		}
		/*logo on multimedia page*/
		.avs-logo1{
			position: relative;
		}
			img#avs-logo2 {
				position: absolute;
				top: 35%;
				left: 0;
				width: 80%;
				margin: 0 10%;

			}
		.icon_container1{
			width: 33.333%;
			height: 33.333%;
			padding: 0px 10px 50px 10px;
			display: block;
			float: left;
		}		
			.avs_icon-gifs{
				position: absolute;
				top: 120px;
				left: 0;
				width: 80%;
				margin: 0 10%;
				float: left;
			}
		/*icons on multimedia page*/
		.avs-icons_container{
			position: relative;
		}
		.avs-icons_wrapper{
			width: 80%;
			margin: 0 10%;
			float: left;
			position: absolute;
			top: 35%;
			left: 0;
		}		
			.avs-icons{
				width: 33.33%;
				float: left;
			}
}
	

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

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

	#avs-main{
		/*border: 1px solid lime;*/
		width: 90%;
		margin: 0 5%;
		float: left;
	}
		.avs_logo-gifs{
			top: 70px;
		}
		.avs_icon-gifs{
			top: 100px;
		}
		.icon_container1{
			width: 33.333%;
			height: 33.333%;
			padding: 0px 10px 50px 10px;
			display: block;
			float: left;
		}
}

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

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

	#avs-main{
		/*border: 1px solid pink;*/
		width: 90%;
		margin: 0 5%;
		float: left;
	}
		.avs_logo-gifs{
			top: 100px;
			width: 80%;
			margin: 0 10%;
		}
		.avs_icon-gifs{
			top: 150px;
		}
		.icon_container1{
			width: 33.333%;
			height: 33.333%;
			padding: 0px 10px 50px 10px;
			display: block;
			float: left;
		}
}

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

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

	#avs-main{
		/*border: 1px solid yellow;*/
		width: 80%;
		margin: 0 10%;
		float: left;
	}
		.avs_logo-gifs{
			top: 120px;
			width: 80%;
			margin: 0 10%;
		}
		.avs_icon-gifs{
			position: absolute;
			top: 120px;
		}
		.icon_container1{
			width: 33.333%;
			height: 33.333%;
			padding: 50px 10px 50px 10px;
			display: block;
			float: left;
		}
}

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

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

	#avs-main{
		/*border: 1px solid orange;*/
		width: 60%;
		margin: 0 20%;
		float: left;
	}
		.avs_icon-gifs{
			top: 150px;
		}
}

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

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

	#avs-main{
		/*border: 1px solid cyan;*/
		width: 60%;
		margin: 0 20%;
		float: left;
	}
}

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

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

	#avs-main{
		/*border: 1px solid red;*/
		width: 60%;
		margin: 0 20%;
		float: left;
	}

}