@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300i,400i");

body {
	background-attachment: fixed; 
	background-size: cover; 
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	margin: 44px 44px 74px 44px;
}
body.mixed {
	background-image: url(../../images/sand1.jpg);
}
body.urban {
	background-image: url(../../images/grafs1.jpg);
}
body.travel {
	background-image: url(../../images/trees1.jpg);
}

div.journey {
	max-width: 100%;
}

table {
	position: relative;
	border-collapse: collapse;
	}

td {
	padding: 0.25em;
	vertical-align: top;
}

thead th {
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
}

tbody th {
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	left: 0;
}

th.img1 {
	height: 50px;
	background-image: url(../../images/tab-1.png); 
	background-repeat: no-repeat;
	background-color: #fbddb0;
	color: #000;
	text-align: left;
	padding-left: 62px;
}
th.img2 {
	background-image: url(../../images/tab-2.png); 
	background-repeat: no-repeat;
	background-color: #e37b7c;
	color: #000;
	text-align: left;
	padding-left: 72px;
}
th.img3 {
	background-image: url(../../images/tab-3.png); 
	background-repeat: no-repeat;
	background-color: #726193;
	color: #000;
	text-align: left;
	padding-left: 72px;
}
th.img4 {
	background-image: url(../../images/tab-4.png); 
	background-repeat: no-repeat;
	background-color: #a89282;
	color: #000;
	text-align: left;
	padding-left: 72px;
}
th.img5 {
	background-image: url(../../images/tab-5.png); 
	background-repeat: no-repeat;
	background-color: #5bb0d4;
	color: #000;
	text-align: left;
	padding-left: 72px;
}

td.color1 {
	background-color: rgba(251, 221, 176, 0.3);
	width: 20%;
	padding:24px;
}
td.color2 {
	background-color: rgba(227, 123, 124, 0.3);
	width: 20%;
	padding:24px;
	border-left: 2px solid rgba(255, 255, 255, 1);
}
td.color3 {
	background-color: rgba(114, 97, 147, 0.3);
	width: 20%;
	padding:24px;
	border-left: 2px solid rgba(255, 255, 255, 1);
}
td.color4 {
	background-color: rgba(168, 146, 130, 0.3);
	width: 20%;
	padding:24px;
	border-left: 2px solid rgba(255, 255, 255, 1);
}
td.color5 {
	background-color: rgba(91, 176, 212, 0.3);
	width: 20%;
	padding:24px;
	border-left: 2px solid rgba(255, 255, 255, 1);
}

td.col1 {
	padding: 24px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;

}