/* CSS Document */

table, thead, tbody, th, td, tr{
  display: block; 
}
table{
  width: 100%;
  border-collapse: collapse;
}

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

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

td:before{
  position: absolute;
  top: 1px;
  left:1px;
  width:45%;
  padding-right:10px;
  white-space: nowrap;
  font-weight: bold;
}
@media(min-width: 1200px){

  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;
    padding-left: 50%;
    border: 1px solid black;
    text-align: left;
    position:relative;
  }
  
  }

td:nth-of-type(1):before { content: "Bruker";}
td:nth-of-type(2):before { content: "Fakultet";}
td:nth-of-type(3):before { content: "Institutt";}
td:nth-of-type(4):before { content: "Informasjon";}
td:nth-of-type(5):before { content: "Stemmer";}
td:nth-of-type(6):before { content: "Bilde";}
td:nth-of-type(7):before { content: "trukket";}