html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  	margin: 0;
}
table {
	border: 0px solid black;
	border-collapse: collapse;
	margin: 20px 10px;
}
.color {
	background-color: rgba(192,192,192,0.5);
}
td {
	padding: 10px;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.logo {
	width: 120px;
	height: 120px;
	background-image: url(web-browsers-popular.jpg);
	border: 0px solid black;
}

.chrome {
		background-position: 5px -20px;
} 

.firefox {
		background-position: -350px -20px;
} 
.edge {
		background-position: -230px -20px;
} 
.o {
		background-position: -112px -20px;
} 
.apple {
		background-position: -470px -20px;
}

.webkit {
background-image: -webkit-linear-gradient(#fff, #f00);
}
.moz {
background-image: -moz-linear-gradient(#fff, #f00);
}
.ms {
background-image: -ms-linear-gradient(#fff, #f00);
}
.o {
background-image: -o-linear-gradient(#fff, #f00);
}