/* Mobile */
@media only screen and (min-width: 1px) and (max-width: 699px) {

*, *:before, *:after {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
}

.hide { display: none !important }
.show { display: inherit !important }

body {
	padding: 4em 0 3em 0;
}

.jump {
	margin-top: -4.5em;
	margin-bottom: 4.5em;
}

hr { margin: 2em 0 }

/** HEADER & FOOTER **/

.logo {
	position: fixed;
	top: 0;
	left: 0;
	height: 4em;
	z-index: 101;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 1.5em rgba(0,0,0,.5)
}

.logo .icon {
	height: 4em;
	margin: .5em .5em -.5em .5em;
}


header {
	top: auto;
	bottom: 0;
	height: 3em;
	box-shadow: 0 0 1.5em rgba(0,0,0,.5)
}

.social {
	height: 3em;
	width: 3em;
	padding: 1em 0;
}

.social img {
	height: 1em;
	margin: 0 auto;
	display: block;
}

.twitter { background-color: #55acee }
.facebook { background-color: #3b5998 }
.twitter:hover { background-color: #55acee }
.facebook:hover { background-color: #3b5998 }

.callout {
	width: -moz-calc(100% - 5em);
	width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
	line-height: 2.6;
	height: 2.5em;
	float: left;
	text-align: center;
	font-size: 1.2em;
}

.callout:hover {
	background-color: #cd2027;
	color: #fff;
}



footer { padding: 2em }

.footer_container { display: block }

footer span {
	font-size: .8em;
	margin-top: 1em;
}

footer span.small {
	font-size: .6em;
}

/** PAGE **/

section.slider {
	width: 100%;
	overflow-x: hidden;
}

section.slider div.slider {
	margin: 0 -10% 0;
	width: 120%;
	overflow-x: hidden;
}

.container {
	padding: 2em;
	font-size: .8em;
}

.pledge {
	display: block;
	overflow: auto;
}

.pledge .left {
	display: block;
	width: 100%;
	padding-right: 0;
}

.pledge .left img {
	display: block;
	width: 70%;
	max-width: 300px;
	margin: 0 auto 2em;
}

.pledge .right {
	display: block;
	width: 100%;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=zip],
input[type=search],
input[type=submit].
select {
	width: 100%;
	float: none;
	margin: 1em 0;
	font-size: 1.2em;
}


input.email {
	width: 100%;
}

input.zip {
	width: 100%;
}

input[type=submit] {
	margin: .15em auto 0;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	font-size: 1.4em;
}

.photo {
	padding: 60% 0 5% 0;
	background-image: url('/images/photo2.jpg');
	background-position: center top
}

.photo .title {
	font-size: 2em;
	margin: 0 auto
}

.bill {
	display: block;
}

.bill .left {
	width: 100%;
	display: block;
	padding-right: 0;
}

.bill .left img {
	width: 20%;
	max-width: 100px;
	margin-bottom: 2em
}

.bill .right {
	width: 100%;
	display: block;
}

.bill .title {
	color: #fff;
}

.bill .text {
	color: #fff;
}



.action {
	padding-top: 40%;
}

.action .overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.action .overlaytext {
	position: relative;
	z-index: 3;
}

.action .title {
	color: #fff;
	text-shadow: 0 0 1em #000, 1px 1px 0 rgba(0,0,0,.5);
}

.action .text {
	color: #fff;
	text-shadow: 0 0 1em #000, 1px 1px 0 rgba(0,0,0,.5);
	margin-bottom: 1em
}

.action .button,.endorse .button {
	margin: .5em;
}

.endorse .text {	
	margin-bottom: 1em
}

.quote {
	margin: 2.5em auto;
}

.quote li:first-child {
	display: table-cell;
	width: 15%;
	vertical-align: top;
	padding: .5em 0 0 0;
}

.quote li:last-child {
	display: table-cell;
	width: 85%;
	vertical-align: middle;
	padding: 0 0 0 2em;
}

.quote li:first-child img {
	display: block;
	width: 100% !important;
	height: auto;
	border: 0px solid #000000;
}

.quote .quote_text {
	display: block;
	line-height: 1.5;	
}

.quote .quote_name {
	display: block;
	font-size: 1.2em;
	line-height: 1.2;
	color: #00385f;
	margin-top: .5em;
}

.quote .bullet {
	color: #cd2027;
	display: inline-block;
	padding: 0 .5em;
}

/** PAGE **/

.page_container {
	padding: 0;
}

.page {
	padding: 2em;
	font-size: .8em;
}

h1,h2 {
	padding: 0;
	margin: 0 0 1em 0;
	color: #cd2027;
	font-size: 1.4em;
	line-height: 1.2;
}

h3,h4 {
	padding: 0;
	margin: 0 0 1em 0;
	color: #555;
	font-size: 1.2em;
	line-height: 1.2;
}

a {
	color: #cd2027;
	text-decoration: underline
}

a:hover {
	color: #fb7159;
	text-decoration: none
}

blockquote {
	width: -moz-calc(100% - 2em);
	width: -webkit-calc(100% - 2em);
	width: calc(100% - 2em);
}

/** NEWS HOME **/

section.news {
	padding: 2em
}

.list {
	display: block;
	padding: 0;
	margin: 0;
}

section.news .news_post {
	display: block;
	width: 100%;
	border-right: 0;
	padding: 0 0 2em 0;
	border-bottom: 1px solid #ccc;
	margin: 2em 0;
	text-align: left;
}

.list .news_post:last-child {
	padding: 0 0 0 0;
	border-bottom: 0
}

section.news .news_post:hover {
	opacity: .75
}

section.news .news_thumb {
	width: 25%;
	padding-top: 12.57%;
	float: left;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

section.news .news_text {
	display: block;
	width: 75%;
	padding-left: 1em;
	float: left;
}

.news_title {
	color: #00385f;
	font-weight: 600;
	display: block;
}

.news_date {
	color: #cd2027;
	display: block;
	margin-top: .5em;
}


/** BUSINESS COALITION **/

.biz_logo {
	max-width: 80%;
}

.biz_blockquote {
	font-size: .8em
}

.biz_form {
	margin: 2em -2em;
	width: -moz-calc(100% + 4em);
	width: -webkit-calc(100% + 4em);
	width: calc(100% + 4em);
	padding: 2em;
}

.biz_form label {
	display: block;
	font-size: 1.2em;
	color: #b8d6ec;
	margin-bottom: .25em;
}

.biz_column {
	display: block;
}

.biz_column1,
.biz_column2 {
    width: 100%;
    display: block;
    padding: 0;
    border-right: none;
}

.biz_form .margin { margin-bottom: 2em !important }

.biz_form input[type=submit].button { margin-top: 0 }

.business_logos img {
	display: inline-block;
	width: -moz-calc(30% - 2em);
	width: -webkit-calc(30% - 2em);
	width: calc(30% - 2em);
	margin: 1em
}

column {
	display: block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}


}