* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html {
    font-family: 'Source Sans Pro', sans-serif;
}

.header {
    padding: 4% 2%;
}

.headertext {
    margin: 0 auto;
    text-align: center;
    font-size: 2em;

}

.headertextsub {
    margin: 0 auto;
    text-align: center;
}

.logo {
    width: 10%;

}

.mainsection {

}

.intro {
    padding:5% 10%;
    margin: 0 auto;
    background-color:#2980B9;
    text-align: center;
    font-size: 1.5em;
    color: white;
}

.moreintro {
    padding: 3% 10%;
    background-color: #ECF0F1;
    text-align: center;
}

.moreintrotext {
	padding: 1%;
}

.disclaimer {
    padding-top:2%;
	padding-bottom: 1%;
}


.statebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    margin: 1%;
}
.statebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
	text-decoration:none;
}
.statebutton:active {
	position:relative;
	top:1px;
}

.stateselection {
    padding:4%;
    text-align: center;
}

.activestate {
	padding: 1%;
	margin: 2% 12%;
	text-align: center;
	color: #2980B9;
	border-bottom: 4px solid #2980B9;
}

.partysection {
    display:flex;
    padding:5% 10% 5% 10%;
}

.partyname {
    font-size: 1.2em;
}

.namesection {
    text-align: center;
    width:30%;
	padding: 0% 4%;
}

.contentsection {
    width:70%;
    padding: 0% 5%;
    border-left: 3px solid black ;
}

.descrip {
    font-size: 1.2em;
    padding-bottom: 4%;
}

.likesdislikes, .quote, .linksection, .leaning {
    padding: 2% 0%;
}

.likestext {
    padding-top: 2%;
}

.quote {
    padding-top: 4%;
}

.quotetext {
    font-style:italic;
    padding-bottom: 2%;
}

a {
    text-decoration: none;
    color:#2980B9;
}

a:hover {
    text-decoration: underline;
    color:#2980B9;
}

.footer {
	background-color:#ECF0F1;
	padding: 5%;
	text-align: center;
}

.small {
	font-size: 0.5em;
	padding-top: 2%;
}

.sortingsection {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  padding: 0% 5%;
}

#sortable1, #sortable2 {
    list-style-type: none;
    margin: 0 auto;
    padding: 2%;
    width: 40%;
    background-color: aliceblue;
}    
#sortable1 li, #sortable2 li { 
    margin: 0 0 2% 0; 
    padding: 2%; 
    font-size: 1em; 
    width: 95%; 
    border: 1px solid #ddd;
    cursor: move;
    background-color:white;
}
.sortable1.list, .sortable1.lis { 
    clear:both;
}

.match {
  margin: 0 auto;
  border: 1px solid black !important;
  border-collapse: collapse;
  width: 60%;
}

th, td {
    padding: 2%;
    text-align: left;
  border-bottom: 1px solid #ddd;
}

.spacer {
  padding:2%;
}

.sortboxes {
  text-align: center;
  padding: 2%;
  width: 40%;
}