/* 
Site Name: O'Neil Foundation
Author: Rees + Stager
Author URI: http://www.reesstager.com
Description: A Custom Theme built for O'Neil Foundation
Version: 1.0
*/

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

   Resets 

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

/* CLEARFIX

old browser support clearfix - use this HTML element after the last floated item in every row */

.ui_clear {
	width: 100%;
	display: block;
	float: none;
	clear: both;
}
/* new browser support without much additional markup clearfix, just add this class to the parent you want to clear */

.clearfix {
	zoom: 1;
} /* IE6/7 support */
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
	font: 0/0 a; /* doesn't validate but all browsers accept it */
}
img {
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
html {
	/*-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;*/ /* For some Androids */
}
html, body {
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
	width: 100% !important;
}
body {
	margin: 0;
	padding: 0;
	z-index: 0;
}

a:focus {
	outline: none;
	text-decoration: none;
}
a:hover, a:active {
	outline: 0;
	text-decoration: none;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
hr {
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	display: block;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
small {
	font-size: 85%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
h1, h2, h3 {
	font-weight: normal;
}
ul, ol {
	margin: 6px 0 16px 30px;
	padding: 0 0 0 20px;
}
ul li, ol li {
		padding: 0 0 5px 14px;
		}
.content_text ul li  {
	list-style: none;
	background: url("../images/bullet.gif") no-repeat left 6px;}
	
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	border: 0px none;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, tr, td, iframe {
	border: 0px none;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* =============================================================================

   Default styles

   ========================================================================== 

*/
body, p, li, input, select, textarea {
	color: #4d4d4f;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height: 140%;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0px none;
	vertical-align: baseline;
	outline: none;
	/*-webkit-tap-highlight-color: rgba(173,173,173,1);*/
	/*-webkit-font-smoothing: antialiased;*/
}

/* Default Body Styles */

/* Selection Color */

/*::-moz-selection {
 background: #fff;
 color: #000;
 text-shadow: none;
}
::selection {
	background: #fff;
	color: #000;
	text-shadow: none;
}*/
a {
	/*-webkit-tap-highlight-color: #fff;*/
}
a {
	color: #4d4d4f;
	border: 0px none;
	outline: 0;
	text-decoration: underline;
}
a:hover {
	color: #4d4d4f;
	text-decoration: underline;
}
a:active, a:link, a:visited {
	color: #4d4d4f;
}

a.btn-overlay {
	display: block;
	width: 245px;
	height: 45px;
	background: url('../images/btn-Apply.png') bottom;
	text-indent: -99999px;
}
a.btn-overlay:hover {
	background: url('../images/btn-overlay.png') bottom;
}

a.footer, a.footer:hover, a.footer:link, a.footer:active, a.footer:visited {
	color: #fff;
	text-decoration: none;
}
a.footer:hover {
	text-decoration: underline;
}
a[href^=tel] {
	color: #3a86bb;
	text-decoration: none;
}
h1 {
	font-family: 'Trirong', serif;
	color: #0068a6;
	font-size: 36px;
	line-height: 120%;
	font-weight: 300;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0;
}
h2 {
	font-family: 'Trirong', serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding:0 0 18px 0;
}

h3 {
	font-family: 'Trirong', serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding:0 0 18px 0;
}
h4 {
	font-size: 18px;
	font-weight: 300;
	padding: 8px 0 0 0;
	margin: 0;
}
h5 {
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	padding: 0 0 12px 0;
	margin: 0;
	color: #641e32;
}
h6 {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	padding: 0 0 12px 0;
	margin: 0;
	color: #77787b;
}
@media only screen and (max-width:  1080px) {
	h2 {
	font-size: 24px;
	}
	h3 {
	font-size: 22px;
	}
}
@media only screen and (max-width:  768px) {
	h2 {
	font-size: 20px;
	}
	h3 {
	font-size: 18px;
	}
}
p {
	-webkit-text-size-adjust: auto;
	padding: 8px 0 18px 0;
	font-weight: normal;
}

p.less-space-below {
		-webkit-text-size-adjust: auto;
	padding: 8px 0 6px 0;
	font-weight: normal;
}
p.list {
	padding: 0;
	line-height: 150%;
}
.large {
	font-size: 18px;
}
li {
	text-align: left;
}

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

   Primary styles

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


div.main_box {
	position: relative;
	display: block;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	background: #fff;
	margin-bottom: 30px;
	z-index: 10;
}
.main_box .ui_header,
.main_box .ui_banner,
.main_box .ui_content,
.main_box .ui_footer   {
	 	position: relative;
		display: block;
		width:calc(100% - 60px);
		margin: 0 auto;
		clear: both;
		height: auto;
}
.main_box .ui_content_fullwidth  {
	 	position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		clear: both;
		height: auto;
		padding-top: 36px;
		padding-bottom: 70px;
}

.main_box .ui_header {
	height: 102px;  /* adjust to hide content on layer below */
	z-index: 2000;
}
 .ui_header .header-logo  {
	 position: relative;
	 padding: 27px 27px 27px 0;
	 z-index: 2000;
	 }
	 @media only screen and (max-width:  480px) {
		  .ui_header .header-logo {
			  display: none;}
	 }
.logo-top {	
	position: relative;
	display: block;
	height: auto !important;
	width: 100% !important;
	max-width: 298px;
	}
.banner-responsive {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
}

img.img-responsive, 
.banner-responsive img.img-responsive-desktop,
.banner-responsive img.img-responsive-tablet,
.banner-responsive img.img-responsive-mobile {	
	position: relative;
	display: block;
	height: auto !important;
	width: 100% !important;
}
.banner-responsive img.img-responsive-tablet,
.banner-responsive img.img-responsive-mobile {
	display: none;
}
.banner-responsive .banner-text {
	position: absolute;
	top: 150px;
	left: 70px;
	width: calc(40% - 130px);
	overflow: auto;
}
.banner-text p {
	text-align: left;
	font-family: 'Trirong', serif;
	font-weight: 600;
	color: #303030;
	font-size: 30px;
	line-height: 130%;
}

  
.ui_content .intro_text,
.ui_content .content_text {
	position: relative;
	height: auto;
	float: right; 
	width:calc(100% - 334px);
	}
	.ui_content .intro_text {
		border-left: 1px solid #000;
		margin-top: -100px;
		margin-bottom: 50px;
		}
	.intro_text .content_text_container,
	.content_text .content_text_container   {
		width: 80%;
		}
	.intro_text h2, .intro_text p,
	.content_text h3, .content_text p,
	.content_text h4, .content_text ul,
	.recipient-logos  {
	text-align: left;
	padding: 8px 0 18px 34px;
	}
	.content_text h4  {
		padding: 8px 0 0 34px;
	}
.intro_text h2 {
	padding-top: 260px;
	}
.ui_content .headshot,
.ui_content .content_left {
	position: relative;
	height: auto;
	float: left;
	}
.ui_content .content_left {
	text-align: right; 
	}
.headshot img {
	padding-top: 160px;
	padding-right: 40px;
	padding-left: 40px;
	}
.ui_content .content_left {
	width: 252px;
	padding-right: 40px;
	padding-left: 40px;
	}
.content_text .callout-text {
	margin: 18px 24px 28px 24px;
	border-top: #4d4d4f solid 1px;
	border-bottom: #4d4d4f solid 1px; 

	}
	.callout-text p {
		font-style:italic;
		font-size: 18px;
		font-weight: 600;
		padding: 12px 0 12px 10px;
		}

.button {
	display: block;
	margin-top: 30px;
	margin-bottom: 50px;
	padding-left: 30px;
	text-align: left;
	}

.ui_spacer {
		margin: 0 auto;
		width: 100% ;
		clear: both;
		float: none;
		display: block;
		padding: 0;
		height: 50px;
}

.recipient-logos  {
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}
.recipient-logos a {
	padding-right: 50px;}
.recipient-logos img {
	padding: 20px 0 20px 0;	
	vertical-align: middle;
    max-width:100%;
	height:auto;
}
@media only screen and (max-width: 680px) {
	.recipient-logos a {
	padding-right: 30px;}
	
	.recipient-logos img {
	padding: 20px 0 20px 0;	
	}
	
}


	@media only screen and (max-width:  1080px) {
		.banner-responsive .banner-text {
			top: 80px;
			left: 50px;
		}
		.ui_content .intro_text,
		.ui_content .content_text,
		.ui_content .callout_text {
			width:calc(100% - 288px);
			}
		.intro_text .content_text_container,
		.content_text .content_text_container   {
		width: 100%;
		}

		.intro_text h2, .intro_text p,
		.content_text h3, .content_text p,
		.content_text h4,
		.content_text ul
		 {
			padding: 8px 12px 18px 30px;
		}
		.content_text .callout-text {
			margin: 8px 12px 18px;
		}
		.callout-text p {
			padding: 8px 0 18px 16px;
			}
		

		.intro_text p:last-child {
			padding: 8px 12px 18px 30px;}
		.intro_text h2 {
			padding-top: 190px;
		}
		.headshot img {
			padding-top: 90px;
			padding-right: 34px;
			padding-left: 0;
		}
		.ui_content .content_left {
			width: 252px;
			padding-right: 34px;
			padding-left: 0;
		}
		.banner-responsive .banner-text {
			position: absolute;
			top: 75px;
			left: 30px;
			width: 75%;
			overflow: auto;
			
		}

	}

.ui_overlay  {
	position: relative;
	width: 75%;
	min-height: 42vw;
	background-color: #fff;
	margin: 0 auto;
	margin-top: -40%;
	z-index: 40;
	}
	
.ui_overlay .overlay-container,
.ui_overlay .overlay-container-thankyou  {
	position: relative;
	width: 80%;
	padding-top: 50px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.ui_overlay .overlay-container-thankyou  {
	width: 75%;
}
.overlay-container .callout-text,
.overlay-container-thankyou .callout-text {
	margin: 18px 0 28px 0;
	border-top: #4d4d4f solid 1px;
	border-bottom: #4d4d4f solid 1px; 
	padding: 10px 0 10px 0;

	}

	.overlay-container .callout-text  p,
	.overlay-container-thankyou .callout-text  p {
		font-style:italic;
		font-size: 16px;
		font-weight: 400;
		padding: 4px 0 8px 0;
		}	
.ui_footer {
	position: relative;}
.ui_footer,  .ui_footer p {
	font-family: 'Lato', sans-serif;
	color: #fff;
	}
.ui_footer .responsive-crop  {
	width:100%;
height:350px;
background-image: url(../images/bg-footer.jpg);
background-size:cover;
background-position:center; /* IE fix */
}
.footer-logo {
	text-align: center;
	padding: 120px 0 10px 0;
}
img.icon {
	padding: 0 4px;
	display: inline-block;
	}
.responsive-crop .footer-left, .responsive-crop .footer-right {
	position: absolute;
	bottom: 12px;
	font-size: 12px;
	line-height: 140%;
	color: #fff;

}
.responsive-crop .footer-left {
	left: 15px;
	float: left;
	width: 56%;
}
 .responsive-crop .footer-right {
	 right: 15px;
	float: right;
	text-align: right;
	width: 43%;
}	

.header-logo {
	display: block;
	position: relative;
	text-align: left;
	float: left;
	z-index: 60;
}

	@media only screen and (max-width: 768px) {  
		.header-logo {
			padding-left: 0;
		}

	}

/* Start Form Styles  */
.form-container {}

form {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
form label {
display: block;
padding: 8px 4px;
}
form input,  form textarea {
	display: block;
	width: calc(100% - 26px); /* padding plus border */
	margin-bottom: 18px;
	padding: 8px 12px;
	    background-color: #fff;
    border-color: #a1a1a1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000;
}
form input.error,  form textarea.error {
	background-color:rgba(255,0,0,0.3);
}
form textarea.zeromargin {
	margin-bottom: 0;
}
form input[type=file] {
	padding: 8px 12px 8px 0px;
	border-color: #a1a1a1;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: none;
    border-width: 0;
    border-style: none;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000;
}
form .fileUpload {
    position: relative;
    overflow: hidden;
	float:right;
}
form .fileUpload span {
	text-align:center;
	margin:auto;
	display:block;
}
form .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
	left:0;
	bottom:0;
    margin:0 !important;
    padding:0 !important;
	width:100%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
form .fileplaceholder {
	width: calc(95% - 200px);
}
form input.form-half-width,
form input.form-half-width-right  {
	display: inline-block;
	width: calc(48% - 20px);
		margin-bottom: 18px;
	padding: 8px 12px;
    border-color: #a1a1a1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000;
}
form input.form-half-width-right {
	float: right;
}
 form input::-webkit-input-placeholder,  form textarea::-webkit-textarea-placeholder {
	 font-size: 14px;
	 color: #77787b;
}
 form input:-moz-placeholder,  form textarea:-moz-placeholder { /* Firefox 18- */
 	 font-size: 14px;
	 color: #77787b;
}
 form input::-moz-placeholder,  form textarea::-moz-placeholder {  /* Firefox 19+ */
 	 font-size: 14px;
	 color: #77787b;
}
 form input:-ms-input-placeholder,  form textarea:-ms-textarea-placeholder {
 	 font-size: 14px;
	 color: #77787b;
}
form button, .button-small {
	  background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5);
  background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background-image: linear-gradient(to bottom, #ffffff, #e5e5e5);
	    border-color: #a1a1a1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
	padding: 10px 50px;
	margin-top: 18px;
	color: #000;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	cursor: pointer;
}
.button-small {
	 font-size: 14px;
	 margin-right: 8px;
	 margin-top: 0;
	 margin-bottom: 4px;
	 padding: 8px 40px;
	 width: 155px;
 }
 .fileUpload.button-small {
	 padding: 8px 20px;
 }
/* End Form Styles  */

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.nav-bar {
		position:relative;
		overflow: visible;
}
.nav {
	position:absolute;
	right: 0;
	top: 22px;
	display:inline-block;
	z-index: 800;
}
.nav-list {
	text-align:left;
	position: relative;

}
.logo-mobile {
	display: none;
	position: relative;
	}
	@media screen and (min-width:769px) {  /*to fix bug */

		.nav-list {
			display: block !important;
		}
	}
.nav  .nav-item {
	float:left;
	display:inline;
	zoom:1;
	position:relative;
	padding: 0 14px 0px 14px;
}
.nav  .nav-item:last-child {
	padding: 0 0 0 15px;
}

.nav-item a {
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 80px;
    text-align: center;
    text-decoration: none !important;
	padding: 6px;
	border-bottom: #fff 1px solid;
}

.nav-item > a:hover, .nav-item > a:active {
	border-bottom: #939598 1px solid;
	
}
body#home a#home-nav, body#apply a#apply-nav, body#apply a#recipient-nav {
	border-bottom: #939598 1px solid;
}


/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top: 0;
	right: -10px;
	background:#ffffff url(../images/nav-toggle.gif) no-repeat center center;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	height:44px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:40px;
	width:48px;
	background:url(../images/drop.svg) no-repeat center center;
	background-size:22px;
	outline: none;
}
.nav-click:hover {
	background-color:#f0e9e1;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 840px) {
	
	.nav-item a {
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 80px;
    text-align: center;
    text-decoration: none !important;
	padding:0;
}
}

@media only screen and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		
	}
	.nav-list {
		display:none;
		padding: 20px 0 20px 0;
		background-color: #fff;
	}
	.nav .nav-item {
		float:none;	
		text-align: center;
		padding: 0;	
		width: 100%;
		 height: 100%;
		 background-color: #fff;
		background-image: none;
	}
	.nav-item:first-child {
		margin: 80px auto 0;
		background-image: none;
	}
	.nav .nav-item:last-child {
	padding: 0 0 0 0;
}
	.nav-item a {
			display:block;
		line-height: 50px;
		padding: 0;
		text-align: center;
		width: 100%;
		 height: 100%;
		 background-color:#fff;
		 border-bottom: none;
	}
	.nav-item > a:hover, .nav-item > a:active  {
	color: #000;
	background-color:#e0e0e0;
	border-bottom: none;
}
body#home a#home-nav, body#apply a#apply-nav, body#apply a#recipient-nav {
	border-bottom: none;
}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
		border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	
}
@media only screen and (max-width: 480px) {
	
	.nav {
    display: inline-block;
    position: absolute;
    top: 0;
}
		.nav-mobile {
		display:block;
	}
.nav-mobile {
    background: #ffffff url("../images/nav-toggle.gif") no-repeat scroll center center;
    cursor: pointer;
    height: 50px;
    position: absolute;
    left: 0;
	right: 0;
    top: 5px;
	margin: 0 auto;
    width: 50px;
}
.logo-mobile  {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 72px;}
	
	.logo-mobile img {
		text-align: center;
		margin: 0 auto;
	}

	.nav-item:first-child {
		margin: auto 0;
		background-image: none;
	}
}

/* End Flaunt */

@media only screen and (max-width: 840px) {
	
.main_box .ui_content_fullwidth
 {
		padding-top: 25px;
		padding-bottom: 25px;
}
	
	.ui_content .content_left, .ui_content .content_text, .ui_content .callout_text 
	 {
		text-align: left;
		margin: 0 auto;
		width: 100% !important;
		clear: both;
		float: none;
		display: block;
		padding-left: 0;
		padding-right: 0;
		}
.ui_content .content_text  {
    width: 100%;
	margin: 0;
}

.content_left h4, .callout-text p, 
	.content_text h3, .content_text p, .content_text h4, .content_text ul,
		.recipient-logos {
		padding: 8px 12px 18px 12px;
		margin: 0;
	}

.content_text .callout-text
 	{
		padding: 0;
		margin-top: 18px; 
		margin-bottom: 18px; 
			}
.ui_overlay .overlay-container  {
	padding-top: 30px;
}
.button {
	width: 100%;
	padding-left: 0;
	text-align: center; 
	}

.button a{
	text-align: center;
	margin: 0 auto;
	}
	
/* `Portrait mobile or Narrow Smartphone mobile device layout

		Inherits styles from: Default Layout.

		--------------------------------------------------------- */

}
@media only screen and (max-width:  1024px) { 
	.banner-responsive .banner-text {
		position: absolute;
		top: 75px;
		left: 30px;
		width: 75%;
		overflow: auto;
			
	}
}
@media only screen and (max-width:  768px) {
div.main_box {
	margin-bottom: 20px;
}

.img-go-left, .img-go-right {
	text-align: center;
	margin: 0 auto;
	width: 100% !important;
	clear: both;
	float: none;
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.main_box .ui_header,
.main_box .ui_banner,
.main_box .ui_content,
.main_box .ui_footer  {
	width:calc(100% - 40px);
}
.main_box .ui_header {
	height: 106px;  /* adjust to hide content on layer below */
}
.banner-responsive img.img-responsive-tablet {	
	position: relative;
	display: block;
	height: auto !important;
	width: 100% !important;
}
.banner-responsive img.img-responsive-desktop,
.banner-responsive img.img-responsive-mobile
{
	display: none;
}

.ui_content_text {
	text-align: left;
}
.ui_overlay  {
	width: 80%;
	margin-top: -200px;
	}
form input.form-half-width,
form input.form-half-width-right  {
	width: calc(100% - 26px); /* padding plus border */
	clear: both;
	float: none;
	display: block;
}

}

@media only screen and (max-width: 680px) {
.banner-responsive .banner-text {
	top: 55px;
	width: 75%;
}
.intro_text,
.content_text,
.headshot
 {
	text-align: center;
	margin: 0 auto;
	width: 100% !important;
	clear: both;
	float: none;
	display: block;
	padding-left: 0;
	padding-right: 0;
}

.ui_content .intro_text {
	border-left: none;
	padding-top: 18px;
	margin-bottom: 4px;
	margin-top: 0;
	}
.intro_text h2, .intro_text p {
	text-align: left;
	padding: 8px 12px 18px 12px;
	border-left: 0;
}
	.intro_text p:last-child {
		padding: 8px 12px 18px 12px;
		}
.ui_content .headshot {
	padding-top: 18px;
	padding-bottom: 36px;
	margin-top: 0;
	text-align: left;
}

	.headshot img {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
.main_box .ui_content_fullwidth {
		padding-top: 12px;
		padding-bottom: 12px;
}

.ui_overlay .overlay-container {
    width: 90%;
}
.ui_overlay .overlay-container-thankyou {
    width: 80%;
}
}
/*  GO FULL WIDTH AT 480 PIXELS

Portrait mobile or Narrow Smartphone mobile device layout

Inherits styles from: Default Layout. */

@media only screen and (max-width: 480px) {
div.main_box {
	margin-bottom: 10px;
}
.do-not-show-on-mobile {
	display: none;
}
.main_box .ui_header,
.main_box .ui_banner,
.main_box .ui_content,
.main_box .ui_footer {
	width:calc(100% - 20px);
}

.img-go-left, .img-go-right,
.responsive-crop .footer-left,
.responsive-crop .footer-right {
	text-align: center;
	margin: 0 auto;
	width: 100% !important;
	clear: both;
	float: none;
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.main_box .ui_header {
	height: 150px;  /* adjust to hide content on layer below */
}
 .ui_header .header-logo {
	height: auto;
	min-height: 100%;
	width: 100% !important;
	width: auto; 
	max-width: 298px;
	text-align: center;
	padding: 0;
	z-index: 1000;
}
.ui_header .header-logo img{
	text-align: center;
	margin: 0 auto;
}
.banner-responsive img.img-responsive-mobile {	
	position: relative;
	display: block;
	height: auto !important;
	width: 100% !important;
}
.banner-responsive img.img-responsive-desktop,
.banner-responsive img.img-responsive-tablet
{
	display: none;
}

.banner-responsive .banner-text {
	left: 20px;
	top: 35px;
	width: 75%;
}
.banner-text p {
	font-size: 24px;
}

.ui_footer .responsive-crop  {
height:330px;
}

 .responsive-crop .footer-right {
	bottom: 12px;
	right: 0;
}
.responsive-crop .footer-left {
	bottom: 32px;
	left: 0;

}

}
@media only screen and (max-width: 380px) {
	.banner-text p {
	font-size: 20px;
}
.ui_overlay  {
	margin-top: -100px;
	}
}