/* 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: "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";}