html { overflow-x: hidden; }

body {
	background-color: #fafafa;
}

.buttondiv {

	position:sticky;
	left:35%;
	width:30%;
	height:5%;
	top: 0%;

	margin-bottom: 1%;

	display : flex;

	background-color: #555555;
	border-radius: 5px;


}

.buttondivitem {

	display: inline-block;
	text-align: center;

	width: 50%;

	border: 1px solid black;
	border-radius: 5px;

	color: #444444;
	background-color: #eeeeee;

}

.buttondivitem:hover {

	color: #000000;
	background-color: #ffffff;

}

.container {

	background-color: #999999;

	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2%;
	margin-top: 2%;
	padding-top: 1px;
	padding-bottom: 1px;

	width: 80%;

	border: 2px solid black;

	border-radius: 3px;

}

.container-image {

	background-color: #999999;

	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5%;
	padding-top: 1%;
	padding-bottom: 1%;

	width: 80%;

	border: 2px solid black;

	border-radius: 3px;

	display: flex;

}

.subcontainer-image {

	display: flex;
	width: 100%;

}

.subcontainer-image-center {

	display: flex;
	width: 100%;
	padding-left:19%;

}

.column-2 {

	flex:100%;
	max-width: 30%;
	padding: 4px;
	margin-left: 0%;

}

.column-3 {

	flex: 33%;
	max-width: 33%;
	padding: 0 4px;

}

.column-4 {

	flex: 25%;
	max-width: 25%;
	padding: 0 4px;

}

.column-2 img {
	margin-left:0%;
	width: 100%;
	border: 1px solid black;
	border-radius: 4px;

}


.column-3 img {

	padding: 0.5%;
	width: 99%;
	border-radius: 5px;

}
.column-4 img {

	padding: 0.5%;
	width: 99%;
	border-radius: 5px;

}

.header-1 {

	margin: 3px;
	color: #dddddd;

	font-size: 4vw;
	text-align: center;

}

.header-2 {

	margin: 3px;
	color: #dddddd;

	font-size: 3vw;
	text-align: center;

}

.info {

	color: #dddddd;

	margin-left: 15%;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;

	border-left: 3px solid #aaee00;
	border-radius: 2px;

	font-size: 2vw;

}

.info-img {

	width: 60%;

	margin-left: 20%;
	margin-right: 20%;

	border-top: 2px solid #000000;
	text-align: center;

	font-size: 1.7vw;

}

.sublink {

	color: #dddddd;

	margin: 9px;
	padding-left: 5px;

	font-size: 1.5vw;

	border-left: 3px solid #0000ff;

}

.sublink:hover {

	color: #333333;

}