@media screen and (max-width: 1020px) {
		
	#site-nav-box {
		width: 100%;
		height: 100px;
	}
	
	#site-nav {
		width: 100%;
		padding-top: 14px;
		padding-left:30px;
		height: 86px;
		border-bottom: 1px solid #B9BDBF;
	}
	
	h1 a{
		display: block;
		width: auto;
		float: left;
		padding-right: 30px;
	}
	
	#site-nav li {
		display: block;
		float: left;
		padding: 10px;
	}
	
	#site-nav li a {
		font-size: 16pt;
	}
	
	h1 {
		border-bottom: none;
		padding: 0px;
	}
	
	#content {
		padding: 130px 0 0 0 ;
		width: 100%;
	}
	
	.centered { margin: 0 auto; }
	
	#viewer {
		padding: 0;
		width: 670px;
		display: block;
		margin: 0 auto;
	}
	
	.photo_info2 {
		display: block;
	}
	

	
}

/*/////////////////////////////////////////////////////*/

@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */

}

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

  /* Medium screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1300px) {

  /* Large screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */

}