h1{
	font-size: 5em;	
	font-family: 'league-gothic';
	color: #fff;
	margin:0;
	padding:0;
	font-weight: normal!important;
}
.section{
	text-align:center;
}

/* Menu
 * --------------------------------------- */
ul li{
	display:inline-block;
	padding: 20px;
	color: #ccc;
}
ul li.active{
   color: #000;
}
ul{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	background: #fff;
	z-index: 9999;
	width: 100%;
	padding: 0;
	margin:0;
}
	
/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }

/* Sections
 * --------------------------------------- */
 #section0,
 #section1,
 #section2,
 #section3,
 .slide{
	background-size: cover;
 }
 #section0{
	background-color: #99ccff;
	padding: 0 0 0 0;
 }
  #section2{
	background-image: url(img/Background-Gray.png);
	padding: 2% 0 0 0;
 }
 
   #slide5{
	background-image: url(img/Koch-Spending-Background.png);
	padding: 2% 0 0 0;

 }
 
   #section1{
		background-image: url(img/Koch-Spending-Background.png);
	padding: 2% 0 0 0;
 }
 
 #intro {
 background-image: url(img/Capitol-Background.jpg);
 background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #873337;
 
 }
 
 .map {
 height: 75%;
 }
 
.rightbutton {
margin-top: 4%;
width: 25%;
padding-left: 5%;
padding-bottom: 1%;
}


.leftbutton {
margin-top: 4%;
width: 25%;
padding-right: 5%;
padding-bottom: 1%;
}
 
 .introbar {
 width: 100%;
 background-color: rgba(102,0,0,0.7);
 font-family: 'proxima-nova-condensed';
 font-size: 5em;
 font-size: 5.5vw;
 font-weight: 800;
 color: #fff;
 padding-top: 1%;
 padding-bottom: 1%;
 -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.67);
-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.67);
box-shadow: 0px 3px 15px rgba(0,0,0,0.67);
text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);
  }
 
 
#scroller1,#scroller2 {
position: fixed;
bottom: 0.5%;
width: 75%;
left: 50%;
color: rgba(0,0,0,0.9);
margin: 0 0 0 -37.5%;
font-family: 'proxima-nova-condensed', arial, sans-serif;
font-weight: 800;
font-size: 1.5em;
font-size: 1.25vw;
letter-spacing: -1px;
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
 }
 
 
 
 /*Creatin a ull height slide */
 .slides{
	height: 100%;
	display:block;
 }

 #slide1{
	background-color: #99ccff;
	padding: 0 0 0 0;
 }
 #slide2{
 	background-image: url(img/Koch-Spending-Background.png);
	padding: 1% 0 0 0;
 }
  #slide3{
 	background-image: url(img/Background-Gray.png);
	padding: 1% 0 0 0;
 }
  #slide4{
 		padding: 1% 0 0 0;
		background-image: url(img/Background-Green.png);
 }
 
 
  #section5 {
 	background-image: url(img/Signup-Background.png);
	padding: 2% 0 0 0;
 }
 
 
 .headshots {
 padding-top: 3%;
 width: 60%;
 }

 .headshots-phone {
display: none;
}

 
.biggerheader {
margin-left: auto;
margin-right: auto;
text-align: center;
letter-spacing: -2px;
width: 90%;
font-size: 4em;
font-size: 5vw;
font-weight: 800;
	font-family: 'proxima-nova-condensed', arial, sans-serif;
	padding:0;
}


.signupheader {
margin-left: auto;
margin-right: auto;
text-align: center;
letter-spacing: -2px;
font-size: 4em;
font-size: 4.5vw;
font-weight: 800;
	font-family: 'proxima-nova-condensed', arial, sans-serif;
	padding:0;
}


.slidefooter {
margin-top: 1%;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 95%;
font-size: 4em;
font-size: 4vw;
font-weight: 800;
font-family: 'proxima-nova-condensed', arial, sans-serif;
padding:0;
clear: both;
margin-bottom: 4%;
}

.italics {
font-style: italic;
}
	

.smallertext {
font-family: 'times new roman', serif;
font-size: 3em;
font-size: 3vw;
font-style: italic;
}


.huge {
font-size: 6em;
font-size: 7vw;
}

.bracketwrapper {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.bracketleft {
width: 25%;
margin-top: -2.5%;
font-size: 20em;
font-size: 20vw;
float: left;
}

.slidelist {
width: 50%;
text-transform: uppercase;
font-family: 'proxima-nova-condensed',arial, sans-serif;
font-size: 3em;
font-size: 3.5vw;
margin-top: 3%;
display: inline-block;
}

.bracketright {
margin-top: -2.5%;
width: 25%;
font-size: 20em;
font-size: 20vw;
float: right;
}

.headertext {
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 5em;
font-size: 6vw;
font-weight: 800;
	font-family: 'proxima-nova-condensed', arial, sans-serif;
	padding:0;
color: rgb(142,0,0);

}

.mapintro {
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 5em;
font-size: 6vw;
font-weight: 800;
	font-family: 'proxima-nova-condensed', arial, sans-serif;
	padding:0;
color: #000;
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}



.slideheadertext {
padding-top: 2%;
font-size: 4em;	
font-size: 7vmin;
	font-family: 'league-gothic';
	margin:0;
}

.instructions {
display: block;
width: 30%;
font-family: 'league-gothic', sans-serif;
font-size: 2em;
font-size: 1.5vw;
margin-left: auto;
margin-right: auto;
text-align: center;
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.keepscrolling {
padding-top: 5%;
display: block;
width: 30%;
clear: both;
font-family: 'league-gothic', sans-serif;
font-size: 2em;
font-size: 1.5vw;
margin-left: auto;
margin-right: auto;
text-align: center;
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}



.topbar {
background-image: url('img/Clouds.png');
background-size: contain;
width: 100%;
height: 25%;
padding-top: 5px;
}

.sectiontext {
font-family: 'proxima-nova-condensed', sans-serif;
font-weight: 700;
font-size: 2em;
font-size: 2vw;

}

.bigtitle {
font-family: 'proxima-nova-condensed',sans-serif;
font-weight: 800;
text-transform: uppercase;
font-size: 6em;
font-size: 10vmin;
text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
color: #0f2446;
}

.dropshadow {
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


.bigimage {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.black {
color #000;
}

.white {
color: #fff;
}

.grey {
color: #D0D0D0;
}

.darkblue {
color: #0f2446;
}



.leftsection {
float: left;
font-family: 'proxima-nova-condensed', arial, sans-serif;
padding-left: 10%;
font-weight: 800;
font-size: 3.5em;
font-size: 3.25vw;
text-transform: uppercase;
// text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.rightsection {
padding-top: 8%;
float: right;
padding-right: 10%;
width: 40%;
font-size: 3.5em;
font-size: 3.5vw;
// text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

.bigger {
font-size: 4em;
font-size: 8.25vmin;
}

.chunk {
font-family: 'chunk';
}

.league {
font-family: 'league-gothic';
}

.topspacer {
padding-top: 5%;
}

.slideicon {
width: 25%;
}

.statecontainer {
display: block;
margin-top: 60px;
}

.state {
width: 18%;
margin: 5px;
}

.button {
position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: #dd0011;
    font-family: 'proxima-nova-condensed', sans-serif;
    font-weight: 800;
    display: block;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    margin: 25px auto;
	width: 40%;
	font-size: 4em;
	font-size: 3vw;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	

}
.button:active {
    -webkit-box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}

.button:hover {
  text-shadow: 0px 0px 8px rgba(255,255,255,0.7);
  cursor: pointer;
}

.contribute {
position: relative;
    color: rgba(255,255,255,1);
    top: 0px;
	text-decoration: none;
    background-color: #0000CC;
    font-family: 'proxima-nova-condensed', sans-serif;
    font-weight: 800;
    display: block;
	clear: both;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px #000066, 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px #000066, 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #000066, 0px 9px 25px rgba(0,0,0,.7);
    margin: 0px auto;
	width: 20%;
	font-size: 3em;
	font-size: 2vw;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	

}
.contribute:active {
    -webkit-box-shadow: 0px 3px 0px #0000CC, 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px #0000CC, 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px #0000CC, 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}

.contribute:hover {
  text-shadow: 0px 0px 8px rgba(255,255,255,0.7);
  cursor: pointer;
}



.formwrapper {
margin-top: 6%;
background-color: rgba(0,102,153,0.25);
width: 40%;
float: right;
margin-right: 5%;
border-radius: 5px;
}

.formheader {
font-family: 'proxima-nova-condensed', sans-serif;
font-weight: 800;
font-size: 3.5vw;
font-size: 3em;
padding: 10px;
}

.fieldset-legend {
display: none;
}
.form-text {
width: 50%; font-size: 15px; height: 32px; padding-left: 8px; padding-right: 8px; lineheight: 15px;
margin-bottom: 10px;
border-style: solid;
border-width: 1px;
border-color: #022345;
font-family: 'proxima-nova-condensed', sans-serif;
font-weight: 800;
font-size: 1.5em;
font-size: 1.5vw;
background-color: #F8F8F8;
}

fieldset {
padding: 0 0 0 0;
}



input#edit-submitform {
position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: #dd0011;
    font-family: 'proxima-nova-condensed', sans-serif;
    font-weight: 800;
	font-size: 2.5em;
	font-size: 2.5vw;
    display: block;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #880011, 0px 9px 25px rgba(0,0,0,.7);
    margin: 10px auto 25px;
	text-transform: uppercase;
	width: 50%;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	border: 0px;
	-webkit-appearance:none;
}

input#edit-submitform:hover {
  text-shadow: 0px 0px 8px rgba(255,255,255,0.7);
  cursor: pointer;
}

input#edit-submitform:active {
    -webkit-box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px #dd0011, 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
	border: none;
}

:focus, :active {
    outline: 0;
}

.alert-error {
font-family: 'proxima-nova-condensed';
font-size: 1vw;
font-weight: 800;
width: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding: 5 px;
border: 1px solid #eed3d7;
color: #b94a48;
background-color: #f2dede;
border-color: 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.close {
display: none;
}

.red {
color: #C00000;
}

fieldset {
border: 0px;
}

.righticon {
float: right;
}

.lefticon {
width: 40%;
padding-left: 5%;
padding-top: 2%;
}

.bigicon {
height: 65%;
padding-bottom: 25px;
}

.disclaimer {
margin-top: 0%;
text-transform: uppercase;
font-family: arial, sans-serif;
font-size: 0.75em;
border: 1px solid #000;
width: 40%;
float: right;
}

.copyright {
margin-top: 0%;
text-transform: uppercase;
font-family: arial, sans-serif;
font-size: 0.75em;
width: 40%;
float: left;
}


.footer {
margin-top: 1%;
text-transform: uppercase;
font-family: arial, sans-serif;
font-size: 0.75em;
width: 50%;
clear: both;
padding: 5px;
margin-left: auto;
margin-right: auto;
}

#slide5 > .leftsection {
padding-top: 2%;
width: 50%;
}

#slide5 > .righticon {
width: 37%;
}

#slide2 > .leftsection {
padding-top: 10%;
width: 40%;
}

#slide2 > .righticon {
padding-top: 4%;
width: 40%;
}





#slide4 > .leftsection {
width: 40%;
padding-top: 12%;
}

#slide4 > .righticon {
width: 40%; 
padding-right: 5%; 
padding-top: 3%;
}

#section5 > .lefticon {
width: 40%;
padding-left: 5%;
padding-top: 0%;
}



#ie-alt {
display: none;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) { 

.button {
font-size: 4.5vw;
padding: 10px;
width: 90%;
}

.headertext {
// font-size: 10vmin;
}

.leftsection, .rightsection  {
font-size: 7vmin;
}

.slideheadertext {
font-size: 6vmin;
}

.bigtitle {
font-size: 8vmin;
}

.state {
width: 15%;
margin: 5px;
}

.slideicon {
padding-top: 3%;
padding-bottom: 3%;
}


.formheader {
font-size: 3vw;
}

}

@media only screen  and (min-device-width : 320px)  and (max-device-width : 568px)  and (orientation : portrait) 
{ 
.leftbutton {
display: block;
width: 40%;
margin-left: auto;
margin-right: auto;
padding-right: 0px;
}

.rightbutton {
margin-left: auto;
margin-right: auto;
display: block;
width: 40%;
padding-left: 0px;
}
 .headshots-phone {
margin-left: auto;
margin-right: auto;
text-align: center;
 display: block;
}
.headshots {
display: none;
}

.map {
height: auto;
width: 90%;
}
.bigicon {
height: auto;
width: 50%;
}
#scroller1,#scroller2 {
font-size: 1.5em;
}
}