body {
	width: 100vw;

}

/*frieze pages*/

.frieze {
	height: 400px;
	width: 22200px;
	padding: 10px;
}

#container {
	width: 100vw;
	overflow-x: scroll;
}

#container::-webkit-scrollbar {
      width: 15px;
}

#container::-webkit-scrollbar-track {
      background-color: lightgrey;
} 
 
#container::-webkit-scrollbar-thumb {
      background-color: orange; 
} 
 
#container::-webkit-scrollbar-button {
      background-color: white;
}

ul {
	width: 22200px;
	}

li {
	display: inline-block;
	width: 250px;
	padding: 15px;
	vertical-align: top;
}

span {
	color: blue;
}

span:hover {
	text-decoration: underline;
	text-decoration-color: orange;
}

.border {
	border-bottom: 5px solid orange;
}

.frieze img {
	height: 100%;
	display: inline;
	float: left;
	}

#s_intro {
	width: 450px;
	margin-left: 50px;
}

#s_1st {
	margin-left: 150px;
}
#s_2nd {
	margin-left: 500px;
}

#s_3rd {
	margin-left: 1200px;
}

#s_4th {
	margin-left: 500px;
}

#s_5th {
	margin-left: 700px;
}

#s_6th {
	margin-left: 500px;
}

#s_7th {
	margin-left: 700px;
}

#s_8th {
	margin-left: 1000px;
}

#s_9th {
	margin-left: 800px;
}

#xxii {
	margin-left: 870px;
}

#s_10th {
	margin-left: 450px;
}

#s_14 {
	margin-left: 300px;
}

#s_15 {
	margin-left: 500px;
}

#s_18 {
	margin-left: 1300px;
}

#s_19 {
	margin-left: 200px;
}

#s_21 {
	margin-left: 1800px;
}

#s_22 {
	margin-left: 500px;
}

#s_23 {
	margin-left: 500px;
}

#s_24 {
	margin-left: 300px;
}

#s_25 {
	margin-left: 200px;
}

#s_26 {
	margin-left: 700px;
}