/* CSS Document */

@media(min-width: 900px){


  
  body{
    background: #e6f5ff;
  }
  
  table, td, th {
    border-collapse:collapse;
    border:2px;padding:2px 10px;
  }
    
  
  h1{
     text-align: center;
     margin-bottom: 60px;
  }
  
  table{
    width: 100%;
    border-collapse: collapse;
    
  }
  
  tr:nth-pf-type(odd){
    background:#eee;
  }
  th {
  background: black;
  color: white;
  font-weight:bold; 
  }
  
  td, th{
    padding: 6px;
    border: 1px solid black;
    text-align: left;
  }
  
  
  
  }



  table, thead, tbody, th, td, tr{
  display: block; 
 
}


thead tr{
  position:absolute;
  top: -9999px;
  left: -9999px;
}

tr {
  border: 1px solid black;
  margin-bottom: 15px;
}

td{
 
  border: 1px solid black;
  position:relative;
  padding-left: 50%;
  padding-bottom: 20px;
}
td:before{
  position: absolute;
  top: 6px;
  left:6px;
  width:45%;
  padding-right:10px;
  white-space: nowrap;
  font-weight: bold;
}

td:nth-of-type(1):before { content: "Etternavn";}
td:nth-of-type(2):before { content: "Fornavn";}
td:nth-of-type(3):before { content: "Stemmer";}