/* ------------------------------------------------------------------------------------ IMPORT */

@import url( "reset.min.css" );
@import url( "defaults.min.css" );



/* ------------------------------------------------------------------------------------ CSS */

html,
body
	{
		margin :				0;
		padding :				0;
	}


body
	{
		font-family :			Helvetica Neue, Helvetica, Arial, Sans-serif;
		font-size :				14px;
		color :				#FFFFFF;
		background-color :			#00B4D5;
	}


/* ------------------------------------------------------------------------------------ TEMPLATE */

#container
	{
		position :				relative;
		text-align :				center;
		margin :				0 auto;
		padding-top :			50px;
		padding-bottom :			200px;
		width :				1000px;
	}


div.youtube
	{
		display :				inline-block;
		margin :				10px;
		width :				40%;
		height :				340px;

		/*
		display :				block;
		margin :				40px auto;
		width :				640px;
		height :				360px;
		*/
	}

div#instafram
	{
		position :				relative;
		width :				100%;
		height :				1100px;
	}




/* ------------------------------------------------------------------------------------ MEDIA QUERIES */

@media only screen and (max-width: 1000px) {
	
	#container
		{
			padding :				20px 20px 200px 20px;
			width :				100%;
		}

}


/* ------------------------------------------------------------------------------------ MEDIA QUERIES */

@media only screen and (max-width: 700px) {

	div#instafram
		{
			width :				100%;
			height :				700px;
		}
}


/* ------------------------------------------------------------------------------------ MEDIA QUERIES */

@media only screen and (max-width: 500px) {

	div#instafram
		{
			width :				100%;
			height :				500px;
		}
}


/* ------------------------------------------------------------------------------------ MEDIA QUERIES */

@media only screen and (max-width: 400px) {

	div#instafram
		{
			width :				100%;
			height :				350px;
		}
}




/* ------------------------------------------------------------------------------------ */