/*	
	<Table> Responsive
	===================
	License:
	http://goo.gl/H8ytpz
	===================
	Author: @PableraShow
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Racing+Sans+One:300,400,700);


body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color:#A7A1AE;
  background-color:#000000;
}


h1 {
  font-size: 3em; 
  font-family: 'Racing Sans One', cursive;
  font-weight: 400;
  text-align: center;
  color: #4DC3FA;
  padding-bottom: 0;
}


/* tekst hvor h2 er definert */
h2 {
  font-size:1em; 
  font-weight: 700;
  text-align: left;
  color: #4DC3FA;
}


.clock {
  font-size: 4em;
}


.blue { color: #185875; }
.yellow { color: #FFF842; }

/* all tekst i kolonnerfelter i uppercase */
.container td {
	  font-weight: normal;
	  font-size: 1.2em;
          text-transform: uppercase;
}

.container {
	  text-align: left;
	  overflow: hidden;
	  width: 90%;
	  margin: 0 auto;
          display: table;
          padding: 0 0 0 0;
}

.container2 {
	  text-align: left;
	  overflow: hidden;
	  width: 95%;
	  margin: 0 auto;
          display: table;
          padding: 0 0 0 0;
}


.container td, .container th {
	  padding-bottom: 0.2%;
	  padding-top: 0.2%;
          padding-left:0.2%;
          padding-right:0.2%;  
}

/* Background-color of the odd rows */
.container tr:nth-child(odd) {
	  background-color: #323C50;
}

/* Background-color of the even rows */
.container tr:nth-child(even) {
	  background-color: #2C3446;
}


.container td:first-child {
	 color: #FB667A; 
        /*    color: #fcd31f; */
}

/* 3rd column yello */

.container td:nth-child(3) {
       color: #fcd31f;
}
}

/* Hvis det er daarlig plass, skjul kolonne 4 */
@media (max-width: 400px) {
	.container td:nth-child(4),
.container th:nth-child(4) {
		  display: none;
	  }
}

/*	
	End of the <Table> Responsive
	===================
	Author: @PableraShow
*/