body
 {
 	font-family: 'Source Sans Pro', sans-serif;
	background-color: #e0eeee;
 }
 
 
 /* Smartphones ----------- */
@media only screen and (max-width : 800px) {

table.first {
    width: 90%;
}

h1 {
	  font-size: 6vw !important;
}

p {
	  font-size: 4vw !important;
}

img {
zoom:3;
}

}

 

 
 /* Desktops ----------- */

@media only screen and (min-width : 800px) {

table.first {
    width: 70%;
}


}

table.first {
    margin-left: auto;
    margin-right: auto;
}

 
 
 th:nth-of-type(2) {
   text-align: left;
 }


h1 {
color:black;
padding-top:20px;
}

p.top {
font-weight:300;
font-size: 1.5em;
}

 th {
 color: #222;
 }



 
td:last-child, td:first-child, td:nth-last-child(2) {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  }


table {
color: #777;
background-color: #fff;
border-collapse: collapse; 
margin: 50px 50px 50px 50px;
padding:  10px 10px 10px 10px; 
box-shadow:  0px 0px 10px rgba(50, 50, 50, 0.10);
}

tr {
border-bottom: 1px solid #ddd;
}

a {
color: #777;
}

a:hover {
color: #222;
}

tr:hover {
background-color: #eee;
}

tr.title:hover {
background-color: #fff;
}