.responsive-nav,
a.responsive-nav{
	display:none;
}

@media screen and (max-width: 800px) {
	
	body{
		width:100%;
		
		-webkit-text-size-adjust: none;
	}
	
	img{
		max-width:100%;
		height:auto;
	}
	.img-left,
	.img-right{
		max-width:40%;
	}
	.no-scale{
		overflow:scroll;
	}
	.no-scale img{
		max-width:none;
	}
	
	.container{
		width:95%;
		padding:2.5%;
	}
	.container-404{
		width:80%;
		padding:10%;
	}
	
	.responsive-only{
		display:block;
	}
	
	iframe{
		max-width:100%;
	}
	
	/* Header */
	#logo-home-link{
		width:280px;
	}
	
	/* Navigation */
	#main-nav{
		display:none;
	}
	#sub-nav{
		display:none;
	}
	
	#site-search-form{
		margin-bottom:10px;
	}
	
	#responsive-nav-toggle{
		float:right;
		clear:right;
		font-size:100%;
		
		background-image:none;
		padding-right:14px;
	}
		#responsive-nav-toggle .icon{
			font-size:125%;
			line-height:100%;
			margin-left:4px;
		}
	
	.responsive-nav, 
	a.responsive-nav{
		display:block;
		font-size:125%;
	}
		.responsive-nav h2{
			margin-top:1em;
			font-size:125%;
		}
		.responsive-nav ul{
			list-style:none;
			padding:0;
			margin:0;
		}
			.responsive-nav ul li{
				font-size:100%;
				display:block;
			}
				.responsive-nav ul li a,
				.responsive-nav #blog-menu p a{
					display:block;
					padding-left:20px;
					color:#C2EAD8;
				}
			
			.responsive-nav ul li.expanded a,
			.responsive-nav ul li.selected a,
			.responsive-nav ul li.selected ul li.selected a,
			.responsive-nav ul li.expanded ul li.selected a,
			.responsive-nav #blog-menu p.selected a,
			.responsive-nav ul li.expanded ul li.expanded a,
			.responsive-nav ul li.expanded ul li.expanded ul li.selected a{
				background:url(../images/arrow-green-small.png) 8px 8px no-repeat;
				background:url(../images/button-arrow.png) 8px 7px no-repeat;
				font-weight:bold;
				/*color:#33B97F;*/
				color:#FFF;
			}
			.responsive-nav ul li.selected ul li a,
			.responsive-nav ul li.expanded ul li a,
			.responsive-nav ul li.expanded ul li.expanded ul li a{
				font-weight:normal;
				/*color:#646464;*/
				color:#C2EAD8;
				background:none;
			}
			
			.responsive-nav ul li.expanded ul{
				padding-left:20px;
				padding-top:10px;
				font-size:95%;
				line-height:130%;
			}
			
			.responsive-nav #blog-menu p{
				margin-bottom:0.5em;
			}
	
	#main-container{
		position:relative;
		left:0;
		transition:left 0.3s;
		overflow:hidden;
	}	
	#main-container.menu-open{
		left:-38%;
		overflow:visible;
	}		
	#responsivenavmenu.off-screen{
		position:absolute;
		width:30%;
		right:-38%;
		top:0;
		padding:0 4%;
	}
	.menu-open #responsivenavmenu.off-screen{
		box-shadow:inset 0 0 10px #000;
	}
	
	.responsive-nav #super-nav{
		float:none;
		text-align:left;
		padding:4%;
		border-top:solid 1px #34BA7F;
		margin-top:10px;
		padding-top:20px;
	}
		.responsive-nav #super-nav a{
			display:block;
			margin-bottom:0.6em;
			color:#C2EAD8;
		}
		.responsive-nav #super-nav .divider{
			display:none;
		}
	
	/* Footer */
	#site-info{
		width:25%;
		padding-right:2.5%;
		border:none;
	}
	#contact-details{
		width:40%;
		padding-left:2.5%;
		padding-right:2.5%;
	}
	#investor-in-people{
		width:25%;
		padding-left:2.5%;
		border:none;
	}
	#footer-logo{
		width:25%;
		padding-left:2.5%;
		border:none;
	}
	
	
	/* Content blocks */
	.content-block{
	}
	#main-content .content-block{
		width:31.3%;
		margin-right:3%;
	}
	#main-content .block-right{
		margin-right:0;
	}
	
	#side-column .content-block{
		width:100%;
	}
	
		.block-image{
			background-size:contain;
		}
		
		.st-francis-hand{
			display:none;
		}
	
	/* Content pages */
	
	#breadcrumb-container{
		padding-top:2.5%;
		padding-bottom:0;
	}
	
	#main-content-container{
		width:auto;
		max-width:730px;
		float:none;
	}
	#banner{
		width:100%;
		height:auto;
		overflow:hidden;
		
		background-color:#48CE93;
		background-size:100% 24px;
	}
	#banner.banner-green{
		background-color:#48CE93;
	}
	#banner.banner-orange{
		background-color:#FC951C;
	}
	#banner.banner-purple{
		background-color:#9B5BA5;
	}
	#banner.banner-blue{
		background-color:#343E9F;
	}
	
		#banner-text{
			width:30%;
			padding:3%;
			background:none;
		}
		#banner-image{
			margin-left:36%;
		}
		
	
	#main-content.mc-narrow{
		width:66%;
		margin-right:3%;
	}
	#side-column{
		width:230%;
		width:31%;
	}
	
	
	/* Homepage */
	#home-carousel{
		width:100%;
		background-size:100% 40px;
		background-color:#34BA7F;
	}
	.hc-slide{
		width:100%;
	}
		.hc-slide-text{
			width:30%;
			padding:20px 9% 20px 4%;
			height:313px;
			overflow:hidden;
			background-position:right center;
		}
			.hc-slide-text h2{
				font-size:175%;
			}
			.hc-slide-text p{
				font-size:100%;
			}
				.hc-slide-text p .button{
					font-size:93.75%;
				}
		.hc-slide-image{
			margin-left:30%;
			max-width:none;
		}
		
		#hc-pager{
			left:4%;
		}
		
	#latest-news{
		width:48%;
		margin-right:4%;
		overflow:hidden;
	}
	.news-headlines li{
		overflow:hidden;
	}
	li.nh-first a{
		margin-top:5%;
	}
		.nh-image{
			min-width:100%;
			max-width:none;
			width:auto;
			min-height:146px;
		}
	#home-custom-content-1{
		width:48%;
		margin-right:0;
	}
		#hcc1-image{
			width:100%;
		}
		
	#stay-in-touch{
		clear:both;
		float:none;
		width:100%;
		padding-top:20px;
	}
		#twitter-container{
			width:48%;
			margin-right:4%;
			float:left;
		}
			#twitter-feed{
				width:auto;
				padding-left:8%;
				padding-right:8%;
			}
			
		#presidents-blog-container{
			width:48%;
			float:left;
		}
		
		#social-links{
			float:left;
			width:48%;
			margin-right:4%;
		}
			.social-button{
				margin-bottom:4%;
			}
			#button-contact-us{
				width:auto;
			}
		#newsletter-signup{
			float:left;
			width:48%;
		}
	
	#bvna-publications{
		width:48%;
		margin-right:4%;
	}
		#publications-carousel{
			width:auto;
		}
			.pc-slide{
				width:92%;
				padding:4%;
			}
				.pcs-image{
					width:30%;
					margin-right:4%;
				}
				.pcs-text{
					width:66%;
				}
				.pcs-text-wide{
					width:auto;
				}
				
	#bvna-events{
		width:48%;
	}
		.event-title{
			max-width:66%;
		}
		
		
	#vet-with-puppy{
		left:2%;
		width:30%;
		height:100%;
		background-position:left bottom;
		background-size:contain;
	}
	#home-custom-content-2{
		padding-left:36%;
		padding-right:0;
		padding-bottom:0;
		width:64%;
	}
	
	
	/* Blog */
	.bps-image-link{
		width:40%;
		margin-right:4%;
	}
	.bps-text{
		width:56%;
	}
	
	.post-image{
		background-size:100% 29px;
	}
	
	
	/* Unicity Forms */
	form{
		max-width:100%;
	}
	
	.form-field-wrapper input,
	.form-field-wrapper textarea,
	.form-field-wrapper select{
		max-width:86%;
	}
	
	.mc-narrow .form-field-wrapper input,
	.mc-narrow .form-field-wrapper textarea,
	.mc-narrow .form-field-wrapper select{
		max-width:46%;
	}
		
	/* Unicity Photo Gallery */
	.photo-gallery-image{
		width:23%;
		margin:0 1% 1.2em 1%;
	}
	
	/* Blog */
	#blog-comments-form input,
	#blog-comments-form textarea{
		max-width:86%;
	}
	
	/* Login */
	#login-page{
		width:auto;
		padding-left:4%;
		padding-right:4%;
	}
	
	/* Cookie Banner */
	#cookie-message-inner{
		width:auto !important;
		text-align:center !important;
	}
	#cookie-message-inner a.cookie-message-button{
		background:none !important;
		display:inline !important;
		font-weight:bold;
		color:#FFF !important;
		text-decoration:underline !important;
		padding:0 !important;
	}
	#cookie-message-inner a.cookie-message-more{
		float:none !important;
		font-weight:bold;
		margin-left:1em !important;
	}
}

@media screen and (max-width: 650px) {
	/* Homepage carousel */
	#home-carousel{
		height:auto;
	}
	.hc-slide{
		height:auto;
	}
		.hc-slide-text{
			position:relative;
			width:auto;
			height:auto;
			background:#34BA7F;
			
			z-index:1;
			margin-top:230px;
		}
		.hc-slide-image{
			margin-left:0;
			max-width:100%;
			
			position:absolute;
		}
		
		#hc-pager{
			bottom:60px;
		}
		
	/* Navigation */
	#main-container.menu-open{
		left:-58%;
		overflow:visible;
	}		
	#responsivenavmenu.off-screen{
		position:absolute;
		width:50%;
		right:-58%;
		top:0;
		padding:0 4%;
	}
}

@media screen and (max-width: 600px) {
	
	.container{
		width:92%;
		padding:4%;
	}
	.container-404{
		width:80%;
		padding:10%;
	}
	
	/* Header */
	#logo-home-link{
		max-width:60%;
	}
	
	/* Content pages */
	
	#breadcrumb-container{
		display:none;
	}

		#banner-text{
			position:static;
			width:auto;
			height:auto;
			padding:4% 4% 0 4%;
		}
		#banner-image{
			width:100%;
			margin-left:0;
		}
		
	
	#main-content.mc-narrow{
		width:100%;
		margin-right:0;
		float:none;
	}
	#side-column{
		width:100%;
		margin-right:0;
		float:none;
	}
	
	
	/* Content blocks */
	.content-block,
	#main-content-container .content-block{
		float:none;
		width:auto;
		overflow:hidden;
		background:#F3F3F3;
		margin-right:0;
	}
		.block-content{
			border-left:solid 1px #DDD;
			border-right:solid 1px #DDD;
			border-bottom:solid 1px #DDD;
			overflow:hidden;
		}
		.block-image{
			background:none;
			width:35%;
			float:left;
			margin:4% 0 4% 4%;
		}
		.block-text{
			width:50%;
			float:left;
			border:none;
			padding:4%;
		}
		
		.block-no-image .block-text{
			width:auto;
			float:none;
		}
		
		.st-francis-hand{
			display:block;
		}
		
	/* Homepage */
	
		#social-links{
			width:auto;
		}
			.social-button{
				margin-bottom:0;
			}
		#newsletter-signup{
			width:auto;
		}
		
	#bvna-publications{
		width:auto;
		margin-right:0;
		float:none;
		margin-bottom:40px;
	}
				
	#bvna-events{
		width:auto;
		float:none;
	}
	
	/* Unicity Forms */
	.form-field-wrapper label{
		display:block;
		margin:0.2em 0;
		width:auto;
	}
	
		/* Checkbox */
		.form-checkbox label{
			display:inline-block;
			max-width:80%;
			margin:0 0 0.2em 0.5em;
		}
		.form-checkbox input{
			margin-left:0.2em;
		}
	
		/* Radio Buttons */
		.form-field-wrapper p{
			width:auto;
			float:none;
		}
		.radio-option-wrapper{
			margin-left:0;
			margin-bottom:0.6em;
		}
		.radio-option-wrapper label{
			display:inline-block;
			margin:0 0 0 0.5em;
			max-width:90%;
		}
		.radio-option-wrapper input{
			margin-left:0.2em;
		}
		
		/* Buttons */
		.input-button{
			margin-left:0;
		}
		
	/* Unicity Photo Gallery */
	.photo-gallery-image{
		width:46%;
		margin:0 2% 1.2em 2%;
		text-align:center;
	}
	
	
	/* Blog */
	#blog #Post{
		margin-left:0 !important;
	}
	
	/* Unicity Forms */
	.form-field-wrapper{
		margin-bottom:1.2em;
	}
	
	.mc-narrow .form-field-wrapper input,
	.mc-narrow .form-field-wrapper textarea,
	.mc-narrow .form-field-wrapper select{
		max-width:86%;
	}
	
	.no-label input{
		margin-left:0;
	}
}


@media screen and (max-width: 500px) {
	
	.mobile-only{
		display:block;
	}
	span.mobile-only{
		display:inline;
	}
	
	#super-nav{
		margin-top:0;
	}
	
	#site-search-form{
		float:none;
		padding:6px 4% 8px 4%;
	}
	#site-search-text{
		width:80%;
	}
	
	/* Navigation */	
	#main-container.menu-open{
		left:-68%;
	}		
	#responsivenavmenu.off-screen{
		width:60%;
		right:-68%;
	}
	
	/* Footer */
	#site-info,
	#contact-details,
	#investor-in-people,
	#footer-logo{
		width:auto;
		float:none;
		min-height:0;
		text-align:center;
		padding:0;
	}
	#site-info,
	#contact-details{
		margin-bottom:30px;
	}
	#investor-in-people img{
		width:180px;
	}
	
	#site-credit{
		text-align:center;
	}
	
	/* Homepage */
	#home-carousel{
		background-size:100% 20px;
		padding-bottom:20px;
		margin-bottom:20px;
	}
		.hc-slide-text{
			position:static;
			margin-top:0;
		}
		.hc-slide-image{			
			position:static;
		}
		
		#hc-pager{
			bottom:40px;
		}

	#latest-news{
		width:auto;
		margin-right:0;
		float:none;
	}
	li.nh-first a{
		margin-top:14%;
	}
		.nh-image{
/*			min-width:100%;
			max-width:none;
			width:auto;
			min-height:146px;*/
		}
	#home-custom-content-1{
		width:auto;
		float:none;
		padding-top:20px;
	}
		#hcc1-image{
			/*width:100%;*/
		}		
		
		#twitter-container{
			width:auto;
			margin-right:0;
			float:none;
		}
			
		#presidents-blog-container{
			width:auto;
			float:none;
		}
		
	#vet-with-puppy{
		display:none;
	}
	#home-custom-content-2{
		padding-left:0;
		width:100%;
	}
	
	/* Content pages */	
	#banner{
		background-size:100% 12px;
		padding-bottom:12px;
	}
	
	/* Blog */	
	.post-image{
		background-size:100% 16px;
		padding-bottom:16px;
	}
	
	/* Congress Registration */
	.congressReg th{
		display:none;
	}
	.congressReg td{
		display:block;
		border:none;
		width:auto;
		padding-left:0;
		padding-right:0;
	}
		.congressReg td h4{
			border-top:solid 1px #E5E5E5;
			padding-top:1em;
		}
		
	.meal-label{
		max-width:70%;
		font-size: inherit;
		/*margin-bottom:1em;*/
	}

}

@media screen and (max-width: 400px) {
	
	/* Homepage */
	li.nh-first a{
		margin-top:8%;
	}
	
	/* Blog */
	.bps-image-link{
		width:100%;
		margin-right:0;
		float:none;
	}
		.bps-image{
			width:100%;
		}
	.bps-text{
		width:auto;
		float:none;
		padding-bottom:10px;
	}
}

@media screen and (max-width: 350px) {
	
	/* Navigation */	
	#main-container.menu-open{
		left:-60%;
	}		
	#responsivenavmenu.off-screen{
		width:52%;
		right:-60%;
	}
	
	/* Content blocks */
	.content-block,
	#main-content-container .content-block{
		width:230px;
		margin:0 auto 20px auto;
	}
		.block-content{
			border:none;
		}
		.block-image{
			background:url(../images/block-image-bg.png) repeat-y;
			background-size:contain;
			width:auto;
			float:none;
			margin:0;
			width:100%;
		}
		.block-text{
			width:auto;
			float:none;
			border-left:solid 1px #DDD;
			border-right:solid 1px #DDD;
			border-bottom:solid 1px #DDD;
			padding:18px 17px 8px 17px;
		}
}