/* retina images for devices with a high "device-pixel-ratio" ****************************************************/
@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-devicepixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	div.hr.green{background:transparent url(../_images/hr_green%402x.png) no-repeat scroll center;background-size:625px 24px}
	div.hr.brown{background:transparent url(../_images/hr_brown%402x.png) no-repeat scroll center;background-size:625px 24px}
}


/* Mobile Landscape Size to Desktop ****************************************************/
	@media only screen and (min-width:480px){

/*.inside{margin-left:46px;margin-right:46px}*/
.inner{margin:0 auto;width:1024px}
.mob{display:none!important}
.full,.pri{display:block!important}
.fullinline,.pri{display:inline!important}

#topline{display:none}
header .left{float:left;width:20%;z-index:20;position:relative}
header .right{float:right;;width:80%}
#logo{float:left;margin-left:20%}

section.module.parallax{height:485px;background-attachment:fixed;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
section.gallery{height:333px}
section.gallery.home{height:666px}

footer .left .wrap{margin-left:13%;width:100%}
#resources{}
#resources li img{}
#pubs{float:left;display:inline}

	}

	/* Greater than 1024 ****************************************************/
	@media only screen and (min-width:1024px){

.inner{margin:0 auto;width:100%;max-width:1300px}
header .inner{max-width:1024px}

	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ****************************************************/
	@media only screen and (max-width:480px){

.inner{min-width:320px;width:100%;margin:0}
.mob{display:block!important}
.full,.fullinline,.pri{display:none!important}
.videowrap{position:relative;padding-bottom:56.25%;/* 16:9 */padding-top:30px;height:0;overflow:hidden}
.videowrap iframe,.videowrap object,.videowrap embed{position:absolute;top:0;left:0;width:100%;height:100%}
div.hr{width:80%;height:auto}
h1,h2{font-size:35px; padding-left:5px;padding-right:5px}
h6{text-align:center}

header{min-width:320px;height:auto}
#page{min-width:320px;margin-top:50px}
footer{min-width:320px}

header .left{display:none}
header .right{display:none}
#topline{display:block;background-color:#6f7831;float:left;height:50px;line-height:50px;position:fixed;top:0;width:100%;z-index:1000}
#topline .left{float:left;display:inline;width:70%; height:50px}
#topline .right{float:right;display:inline;width:30%; height:50px}
#topline a{display:block}
#topline .left a{margin-left:20px;margin-top:10px}
#topline .left img{ float:left;margin-top:-5%;width:35%}
#topline .right a{margin-right:20px;font-weight:400;color:#fff;font-size:18px;float:right}

nav.mob{text-align:center;clear:both}
nav.mob ul{display:none;padding-top:5px;padding-bottom:11px;background-color:#545F0A}
nav.mob ul li{}
nav.mob ul li a{display:block;font-size:18px;line-height:20px;color:#fff;font-weight:400}
nav.mob ul li.sel a,nav.mob ul li a:hover{color:#C6D657}
nav.mob li a,nav.mob li a:hover{border:none}

article{width:85%;max-width:440px}

/* secondary pages */
article.form{text-align:center;width:90%}
article.unit{width:90%}
article.bio{max-width:480px}
article.bio .imgwrap{width:100%;text-align:center;margin:0 auto;padding-bottom:10px}
article.bio .text{width:100%;float:none}
article.bio img.under{display:block;float:none;margin:0 auto;text-align:center}
article.bio img.over{display:block;float:none;margin:-238px auto 0;text-align:center}
article.bio img.over.noimg{display:none;}
article.bio div.noimg{display:none;/*float:none;margin:0 auto*/}
article.bio .text .inside{padding-top:0;padding-left:20px}
article.bio.prev .imgwrap{display:none;}
article.bio.prev .text .inside{padding-left: 20px;}
#page.sec.research h1{ padding-top:65px}
#page.sec section.titleblock{margin-bottom:40px}
article img{width:100%;height:auto}
article .share img{width:32px}

/* homepage */
section.a.parallax{height:500px}
.logo{margin-top:90px}

/* footer */
footer .left{display:block;width:100%}
footer .mid{display:block;width:100%}
footer .right{display:block;width:100%}
footer .left .wrap{display:inline-block}
#resources{margin-top:40px;margin-right:0;display:inline-block;width:100%;margin-bottom: 0;}
        #resources ul{margin-top: 5px;text-align: center;width: 100%;    margin-left: 0;}
#acc{margin-top:10px;margin-right:0;display:inline-block;width:100%}
        #acc a{text-align: center;width: 100%;margin: 0;}
#pubs{margin-top:40px}
        #pubs ul{margin-top: 5px;}
        
ul.copy{line-height:23px;margin-top:40px}
ul.copy li:first-child{padding-left:0}
ul.copy li:last-child{display:block;margin-bottom:10px}

	}