/* Responsive Pages - Branch specific styles for Giving */
.title {
    padding-top: 1.5%;
    width: 45%;
    max-width: 430px;
    font-size: 1.7em;
}
#topbanner {
	margin-bottom: 35px;
}
.panel-plain > .panel-heading h2 {
	color: #bc8d00;
}
/* home page single marquee */
.wide-marquee {
	display:block;
	position: relative;
}

.wide-marquee img {
	width:100%;
}

.marquee-overlay {
	position: relative;
	background-color: rgba(26,62,104,0.2);
	padding:10px 20px;
}

.marquee-overlay h1 {
	font-size:1.5em;
	line-height:1.3em;
	font-weight:300;
	margin:0;
}


.marquee-overlay h1:hover a {
	text-decoration: underline;
}

.marquee-overlay h2 {
	font-size:1.2em;
	line-height:1.3em;
	font-weight:300;
	color:#4d688c;
	margin: 6px 0;
}

/* Intro text blurbs */

.textblock {
	padding-left:8px;
	padding-right:8px;
	margin-right:8px;
}

.textblock .col-33percent-sm {
	padding-right:0px;
}

.textblock h4 {
	background-color:#efe0b2;
	margin-left:-8px;
	margin-right:-8px;
	padding:8px;
	font-weight:normal;
}

.textblock-item {
	padding-bottom:15px;
}
.gutter-right-14 {
	margin-right:14px;
}

.gutter-left-14 {
	margin-left:14px;
}

.gutter-right-7 {
	margin-right:7px;
}

.gutter-left-7 {
	margin-left:7px;
}

.more-ways-give-list{
	margin-bottom: 30px;
}

.more-ways-give-address{
	margin: 0;
	padding: 0;
}
.more-ways-give-address-last {
	margin-bottom: 15px;
}

/**********************
*** media queries ****
**********************/

	
@media (min-width:768px) {
	.marquee-overlay {
		color:#ffffff;
		background-color:rgba(0,38,86,.85);
		left:0;
		position:absolute;
		display:block;
		top:30%;
		padding:20px;
		width:50%;
	}
		
	.marquee-overlay h1 {
		font-size:1.4em;
		line-height:1.3em;
		letter-spacing: .01em;
	}
		
	.marquee-overlay h1 a {
		color:#ffffff;
	}	
		
	.marquee-overlay h2 {
		font-size:1.2em;
		line-height:1.3em;
		font-weight:500;
		color:#FCB604;
		margin: 10px 0;
	}
}

@media (max-width:767px) {
	.gutter-right-14, .gutter-left-14, .gutter-right-7, .gutter-left-7 {
			margin:0;
	}
}		

@media (min-width:860px) {
	.marquee-overlay {
		padding:30px;
		width:45%;
	}	
}


@media (min-width:1024px) {
	.marquee-overlay h1 {
		font-size:1.5em;
	}
}

@media (min-width:1152px) {
	.marquee-overlay h1 {
		font-size:1.7em;
	}
		
	.marquee-overlay h2 {
		font-size:1.5em;
		line-height: 1.3em;
	}	
}

@media (min-width:1280px) {
	.marquee-overlay h1 {
		font-size:1.9em;
	}
	.marquee-overlay {
		top:25%;
	}	
}

@media (min-width:1376px) {	
	.marquee-overlay {
		width:42%;
	}		
		
	.marquee-overlay h1 {
		font-size:2em;
		line-height:1.3em;
	}
}