@media only screen and (min-width: 992px) {
	/* pleadings bank form */
	#pleadings-bank-form .update-form {
		margin-left: -25px;	
	}
	
	/*#work .span3-5 {
		width: 30%;
	}*/
	 
	/* social media icons in Our Work */
	#work .social img {
		width: 150px;
	}

	/* admin form */
	#admin-form .update-form {
		margin-left: -25px;	
	}
}

/* TABLETS */

@media only screen and (min-width: 768px) and (max-width: 991px){
	nav#menu #menu-nav li {
		margin-left: 15px;	
	}
	
	#home-slider .slide-content {
		font-size: 28px; /* this is the text in big carousel */
	}
	nav#menu #menu-nav li a {
		font-size: 15px; /* cbp added to accomodate additional navigation link */
	}
	/*#mission {
		position:absolute;
		top: 250px;
	}*/
	
	#work .social img  {
		width: 100px;
	}
	#work .span-OurWork {
		width: 98%;
	}
	 
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
	}
	
	.info-text {
		padding-right: 0;	
	}
	.bigButton a, .bigButton1 a, .bigButton2 a, .bigButton3 a  {	
		font-size: 120%;
	}
}



@media only screen and (min-width: 480px) and (max-width: 767px){
	
	#back-to-top {
		display: none !important;	
	}
	
	#home-slider {
		display: none;
		margin-left: -20px;
		margin-right: -20px;
	}
	
	header .sticky-nav {
		/*top: 75px;  
		height: 60px;	original*/
	position: relative;	 
	}


	#menu {
		display: none;	
	}

	#mobile-nav, #backpage #mobile-nav, #pleadings-bank #mobile-nav, #admin #mobile-nav {
    	display: block;
		float: right;
	}
	
	#menu-nav-mobile {
		margin: 0;
	}
	
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 20px;	
	}

	header .sticky-nav,
	#navigation-mobile,
	.page,
	.page-primary,
	.page-secondary,
	.page-tertiary,
	.page-quarternary,
	.page-gray,
	footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	header .sticky-nav #logo {
		margin-left: 0;
	}
	
	header .sticky-nav.stuck #logo {
		margin-left: 20px;	
	}
	
	header .sticky-nav #menu {
		margin-right: 0;
	}
	
	header .sticky-nav.stuck #menu {
		margin-right: 20px;	
	}
	
	#menu {
		display: none;	
	}
	#mobile-nav, #backpage #mobile-nav, #pleadings-bank #mobile-nav, #admin #mobile-nav {
    	display: block;
		float: right;
	}
	#mobile-nav .menu-nav, #backpage #mobile-nav .menu-nav {
    	display: block;
		float: right;
	}
	
	#menu-nav-mobile {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 0;
	}
	
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 20px;	
	}
	
	#home-slider .slide-content {
		font-size: 28px; /* this is the text in big carousel */
	}
	
	/* this only for Anniversary Gala 2018 on home page 
	#topImgGala {
		margin-top: 75px;
	}*/
	

	#mission .statement h2 {
		font-size: 36px;
	}
	#mission .statement h3 {
		font-size: 24px;
	}

	#work img {
		max-width: 200px;
	}
	#work .social img {
		width: 75px;
	}
	#work .work-container-1 .social {
		left: 0;
	}
	#work .picCap {
	text-align:left;
	}
	.bigButton a, .bigButton1 a, .bigButton2 a, .bigButton3 a {
		margin: 14px 0 24px 0;
		padding: 5.10638% 2.55319%;
		font-size: 137.5%;
	}
	.image-wrap-work {
		display: none;
	}
	#work .work-videos {
		display: none;
	}
	#work .work-videos-responsive {
		display: block;
	}
	
	#about .profile {
		margin-bottom: 30px;	
	}
	
	#about .profile:last-child {
		margin-bottom: 0;	
	}
	#about .image-wrap {
		display: none;
	}

	#response {
		margin-bottom: 30px;	
	}
	
	.contact-details {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dashed #AC380C; /*#A45A15*/
		text-align: center;	
	}
	
	#contact-form .submit {
		/*width: 100%;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
		
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
		display: block;
	}
	
	.info-text {
		padding-right: 0;	
	}
	
	footer .links, footer .credits, #pleadings-bank footer .links, #pleadings-bank footer .credits, #admin footer .links, #admin footer .credits  {
		font-size: 14px;
	}
	
	/* bios page */
	#bios .image-wrap-bio {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#bios .image-wrap-bio img {
		max-width: 200px;
	}
	
}


/* PHONE */

@media only screen and (min-width: 320px) and (max-width: 479px){
	#back-to-top {
		display: none !important;	
	}
	#supersized {
		display: block; !important;
	}
	/* hides the slideshow */
	#home-slider {
		display: block; !important; 
		display: none;
	}
	
	#home-slider ul#slide-list {
		display: block;	!important;
	}
	#home-slider .slide-content {
		display: none;	!important;
	}
		
	#jSplash {
		display: block; !important;
	}
	
	#topImg {
		display:none; !important; /* hides the top image on back pages */
}	

	#backpage .page, #pleadings-bank .page, #admin .page {
		margin-top: 60px; /*this doesn't seem right */
		margin-top: 0px;
	}
	
	header .sticky-nav {
	/*position: relative;*/
	top: 75px;  
	height: 60px;

	}

	header .search-row {
		position: fixed;	
	}
	
	header .sticky-nav,
	#navigation-mobile,
	.page,
	.page-primary,
	.page-secondary,
	.page-tertiary,
	.page-quarternary,
	.page-gray,
	footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	header .sticky-nav #logo {
		margin-left: 0;
	}
	
	header .sticky-nav.stuck #logo {
		margin-left: 20px;	
	}
	
	header .sticky-nav #menu {
		margin-right: 20px;
	}
	
	header .sticky-nav.stuck #menu {
		margin-right: 20px;	
	}
	
	#menu {
		display: none;	
	}
	
	#mobile-nav, #backpage #mobile-nav {
    	display: block;
		float: right;
	}
	
	#menu-nav-mobile, #backpage #menu-nav-mobile {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 0;
	}
	
	#navigation-mobile li a {
		font-size: 14px;
		padding: 12px 0;
	}
	
	header .sticky-nav.stuck #mobile-nav, #backpage header .sticky-nav.stuck #mobile-nav  {
		margin-right: 20px;	
	}

	.bigButton a, .bigButton1 a, .bigButton2 a, .bigButton3 a {
		margin: 10px 0;
		padding: 5px;
		font-size: 100%;
	}

	.special, .special-content{
		display: block;
	}
	
	#ACLU {
		display:none; 
	}
	

	.bigButton a {
		margin: 18px 0 32px 0;
		padding: 5.10638% 2.55319%;
		font-size: 125%;
	}
	
	.page, .page-primary, .page-secondary, .page-tertiary, .page-quarternary, page-gray {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.title-page {
		margin-bottom: 50px;	
	}
	
	.title-page .title, .title-page-tight .title {
		font-size: 24px;
	}
	
	.title-page .title-description, .title-page-tight .title-description {
		font-size: 21px;
	}

	 
	h2 {
		font-size: 26px;
		line-height: 1.15384615em;
	}
	h3 {
		font-size: 22px;
		line-height: 1.13636364em;
	}
	h4 {
		line-height: 1.11111111em;
	}
	
	#mission {
		margin-top: 75px;
	}
	
	#mission .mission-content p {
		font-size: 21px;
		line-height: 125%;
		font-weight: 300;
		text-align:center;
}


	#welcome {
		display: block;
	}
	#work .span-OurWork .image-wrap{
		display: none;
	}
	#work .work-videos {
		display: none;
	}
	#work .work-videos-responsive {
		display: block;
	}
	#work .social img {
		width: 50px;
	}


	#about .profile {
		margin-bottom: 30px;	
	}
	
	#about .profile:last-child {
		margin-bottom: 0;	
	}
	#about .image-wrap {
		display: none;
	}
	#response {
		margin-bottom: 30px;	
	}
	
	.contact-details h3 {
    	font-size: 20px;
	}

	.contact-details {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dashed #AC380C; /*#A45A15*/
		text-align: center;	
	}
	
	#contact-form .submit {
		/*width: 100%;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	footer .links, footer .credits, #pleadings-bank footer .links, #pleadings-bank footer .credits, #admin footer .links, #admin footer .credits  {
		font-size: 14px;
	}
		
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
		display: block;
	}
	
	.info-text {
		padding-right: 0;	
	}
	
	#ModalContainer {
		display:none;
	}
	
/* bios page */
#bios .image-wrap-bio {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#bios .image-wrap-bio img {
	max-width: 100%;
	max-width: 200px;
}
footer {
	position: relative;
	bottom: 0;
	right: 0;
}

}

/*@media (min-width: 320px) and (max-width: 480px) {
	
	#back-to-top {
		display: none !important;	
	}
	#supersized {
		display: none; !important;
	}
	#home-slider {
		display: none; !important; /* hides the slideshow 
	}
	
	#home-slider ul#slide-list {
		display: none;	
	}
		
	#jSplash {
		display:none;
	}

}




@media (max-width: 320px) {*/

	h2 {
		font-size: 26px;
		line-height: 1.15384615em;
	}
	h3 {
		font-size: 22px;
		line-height: 1.13636364em;
	}
	h4 {
		line-height: 1.11111111em;
	}
	.statement-btn  {
		font-size: 24px;
	}
	
	
	#navigation-mobile li a {
		padding: 15px 0;
	}

	.bigButton a, .bigButton1 a, .bigButton2 a, .bigButton3 a, .bigButton4 a  {
		margin: 18px 0 32px 0;
		padding: 5.10638% 2.55319%;
		font-size: 112.5%;
	}

	.title-page .title, .title-page-tight .title {
		font-size: 225%;
	}

	.title-page .title-description, .title-page-tight .title-description {
		font-size: 112.5%;
	}
	
	#work .work-container-1 .social {
		position: relative;
		left: 0px;
	}
	#work .work-videos {
		display: none;
	}
	#work .work-videos-responsive {
		display: block;
	}

	/* news and announcements page */
	#news-announcements .announcements h3 {
		margin-top: 50px;
		margin-left: 0;
	}
	#news-announcements .announcements p {
		margin-left: 0px;
	}

}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
		header #logo a {
			background-image: url(../img/logoHERA_@2x.png);
			background-size: 96px 30px;
		}
		
		.menu-nav {
			background-image: url(../img/menu-mobile_@2x.png);
			background-size: 16px 32px;
		}
		
		.type-work {
			background-image: url(../img/filter-icon_@2x.png);
			background-size: 16px 16px;
		}
	}


/*  ******************************
	BACK PAGES RESPONSIVE STYLES
	*****************************/
	
/* BIOs PAGE */
@media (max-width: 480px) {

	#bios .profile-name-bio {
		text-align: center;
	}
}

@media (max-width: 320px) {
	#bios .profile-name-bio {
		text-align: center;
	}
}