/*	
	======================================================================

	public/responsive.css

	======================================================================
*/


	/* - - - - - - - - - - - - */
	/* 900 px */
	/* - - - - - - - - - - - - */
	
	@media only screen and (max-width: 1050px) {

		#logo {		

			left: 115px;
		}
		
		#green_swoop_image, #blue_swoop_image {
		
			width: 270px;
			height: 300px;
		}
		
		#blue_swoop_image {
		
			margin-top: 100px;
		}
	}		

	/* - - - - - - - - - - - - */
	/* 950 px */
	/* - - - - - - - - - - - - */
	
	@media only screen and (max-width: 950px) {

		#content {
	
			width: 80%;
/*			min-width: 600px; */
		}

		#logo {		

			left: 70px;
		}
		
		#green_swoop_image, #blue_swoop_image {
		
			width: 180px;
			height: 200px;
		}
		
		#blue_swoop_image {
		
			margin-top: 200px;
		}
		
		#top_nav_upper {

			position: absolute;
			right: 0;
			top: 0;
			width: 800px;
			height: 22px;
			z-index: 30;
			padding: 0;
		}
		
		#top_nav_lower {

			position: absolute;
			right: 0;
			top: 25px;
			width: 800px;
			height: 22px;
			z-index: 30;
			padding: 0;
		}
	}		

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

		#content {
	
			width: 80%;
			min-width: 500px;
			max-width: 600px;
		}

		.data_table_label {
	
			float: none;
			top: 0;
			text-align: left;
			width: 100%;
		}

		.data_table_data {
	
			float: none;
			width: 100%;
			margin-bottom: 20px;
		}

		.data_table_row {
	
			margin-bottom: 40px;
		}
	
		.image_frame_right {
	
			position: relative;
			float: none !important;
			margin: 20px auto !important;
			text-align: center;
		}
		
		.green_link_button {

			display: inline-block;		
			float: none !important;
		}
	}		

	/* - - - - - - - - - - - - */
	/* 600 px */
	/* - - - - - - - - - - - - */
	
	@media only screen and (max-width: 600px) {

		#logo {
	
			display: none;
			left: 50px;
		}
		
		#logo_lettering, #logo_bob {
		
			display: block;
		}

		#top_nav {
		
			display: none;
		}
		
		#content {
		
			margin-top: 100px;
			min-width: 400px;
			max-width: 550px;
		}
		
		#green_swoop_image, #blue_swoop_image {
		
			width: 144px;
			height: 160px;
		}
		
		#blue_swoop_image {
		
			margin-top: 240px;
		}

		.highlight_image  {
	
			max-width: 350px;
		}
	}		

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

		#content {
		
			width: 400px;
			min-width: 400px;
			max-width: 400px;
		}

		.highlight_image  {
	
			max-width: 300px;
		}
	}