#content {
	margin: 0px 350px;
}

.container {
	padding: 50px 0px;
}

#subheader {
    margin-top: 30px;
}

#subheader div a {
    text-decoration: none;
}

.result_heading
{
		text-transform: uppercase;
        padding: 5px 30px;
        color:#fff;
        font-family : "Open Sans";
}

.french_result_heading
{
        padding: 5px 11px;
        color:#fff;
        font-family : "dinbold";
}

.selected
{
        background-color:#da1a8f;
}

.unselected
{
        background-color:#535654;
}

.dataTable {
	border: 1px solid #000;
}

.dataTable th {
	color: #FFF;
   padding: 20px 40px;
   background: #000;
	text-transform: uppercase;
   font-family: 'dinbold';
   font-weight: 'normal';
}

.light {
      font-family: 'Open Sans';
      font-weight: 'light';
}

.dataTable td {
	color :#3F3F3F;
	padding: 20px 40px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-weight: 'normal';
}

a {
	color: #da1a8f;
}

.center {
	text-align: center;
}

.subsection
{
	font-family: 'Open Sans';
   font-weight: bold;
}

.closeButton {
    display: inline-block;
    color: #232321;
    background: #fff;
    text-transform: uppercase;
    font-family: 'dinpro_medium', sans-serif;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #232321;
    margin-left: 20px;
}

.viewButton {
    display: inline-block;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    font-family: 'dinpro_medium', sans-serif;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #232321;
    margin-left: 20px;
}

.dataTable tr:nth-child(even) {background: #EFEFEF}
.dataTable tr:nth-child(odd) {background: #FFF}

.select-navigation {				
	text-transform: uppercase;
	-webkit-appearance: none;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../../../images/Triangle.png);
   background-color:#1AB08B;
   background-position: 95% center;
   background-repeat: no-repeat;
   border: 1px solid #ccc;
   color: #FFF;
   font-size: 20px;
   margin: 0 0 50px;
   overflow: hidden;
   padding: 15px 80px 15px 15px;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 400px;	
   max-width:100%;
}

body {
  font-family: "Open Sans";
}

h1 {
  font-family:  'Oswald';
  font-weight: 'bold';
	text-transform: uppercase;
	font-size: 40px;
	padding: 20px 0px;
	color: #000;
}

h2 {
  font-family:  'Oswald';
  font-weight: 'bold';
  text-transform: uppercase;
  font-size: 25px;
  padding: 20px 0px;
}

.party_name {
    font-style: italic;
    font-weight: 400;
}

@media only screen and (max-device-width: 560px) 
{

	#content {
		margin: 0px 90px;
	}


	.container {
		margin: 0px 20px;
		padding: 50px 0px;
	}

	.result_heading
	{
		padding: 5px 28px; 
		color:#fff;
		font-family : "dinbold";
		font-size: 16px;
	}

	.french_result_heading
	{
		padding: 5px 11px; 
		color:#fff;
		font-family : "dinbold";
		font-size: 16px;
	}
	
}
@media only screen and (max-device-width: 1900px) {

	#content {
		margin: 0px 241px;
	}
	
	
	.result_heading {
		padding: 5px 21px;
		color: #fff;
		font-family: "dinbold";
		font-size: 16px;
	}
}

@media only screen and (max-device-width: 1600px) {

	#content {
		margin: 0px 50px;
	}
	
	
	.result_heading {
		padding: 5px 21px;
		color: #fff;
		font-family: "dinbold";
		font-size: 16px;
	}
}

@media only screen and (max-device-width: 688px) {

	#content {
		margin: 0px 28px;
	}
}

@media only screen and (max-device-width: 480px) {

	#content {
		margin: 0px 10px;
	}

	
.container {
    margin: 0px 20px;
    padding: 50px 0px;
}

	.dataTable tbody tr td
	{
		border-bottom: solid 1px fff;
	}

	.dataTable
	{
		margin-bottom: 28px;
	}
		
	.dataTable tr td
	{
		border: none;
	}
	
	.dataTable th {
		color: #FFF;
	   padding: 5px 10px;
	   background: #000;
		text-transform: uppercase;
	   font-family: 'dinbold';
	   font-weight: 'normal';
	}
	
	.dataTable td {
		color :#3F3F3F;
		padding: 5px 10px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Open Sans';
		font-weight: 'normal';
	}
	
	.columns {
		text-align: left;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.columns .column.column-2 {
		width: 50%;
		text-align : center;
	}
	
	#seat_chart, #vote_chart
	{
		width: 100px;
	}
	
	.result_heading
	{
		padding: 5px 22px; 
		color:#fff;
		font-family : "dinbold";
		font-size: 10px;
	}

	.french_result_heading
	{
		padding: 5px 11px; 
		color:#fff;
		font-family : "dinbold";
		font-size: 11px;
	}
	
	.columns h3 {
		font-size: 		15px;
	}
	
	.content h1
	{
		margin-bottom: 25px;
	}
	
	.content h2
	{
		margin-top: 10px;
	}
	
	.select-navigation {				
   		min-width: 332px;	
		max-width: 46%;
	 }

}

@media only screen and (max-device-width: 320px) {

	#content {
		margin: 0px 90px;
	}


.container {
    margin: 0px 20px;
    padding: 50px 0px;
}
	
	.dataTable tbody tr td
	{
		border-bottom: solid 1px fff;
	}
	
	.dataTable
	{
		margin-bottom: 28px;
	}
	
	.dataTable tbody tr td
	{
		border: none;
	}
	
	#seat_chart, #vote_chart
	{
		width: 100px;
	}
	
	.dataTable th {
		color: #FFF;
	   padding: 5px 10px;
	   background: #000;
		text-transform: uppercase;
	   font-family: 'dinbold';
	   font-weight: 'normal';
	}
	
	.dataTable td {
		color :#3F3F3F;
		padding: 5px 10px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Open Sans';
		font-weight: 'normal';
	}
	
	.result_heading
	{
		padding: 5px 13px; 
		color:#fff;
		font-family : "dinpro_medium";
		font-size: 10px;
	}

	.french_result_heading
	{
		padding: 5px 11px; 
		color:#fff;
		font-family : "dinpro_medium";
		font-size: 7px;
	}
	
	.columns h3 {
		font-size: 		10px;
	}
	
	.content h1
	{
		margin-bottom: 25px;
	}
	
	.select-navigation {				
   		min-width: 332px;	
		max-width: 46%;
	 }
}