html {
	box-sizing: border-box;
}
* {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif;
}

img.center {
		display: block;
		margin-left: 340px;
		border: none;
	    margin-right: auto; 
}

img {
		max-width: 100%;
		height: auto;
		border: 2px solid #000;
}

.img2 {
	display: block;
	margin: 0 auto;
}
			
li {
	display:inline;
	padding-right: 0;
}

ul a {
	margin-left: auto;
	text-decoration:none;
}

li:after {
	content: '   |';
	padding: 0 5px;
	color: #999;
}

li:last-child:after {
	content: '';
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4%;
}
.container .imgContainer {
	width: 100%;
	line-height: 0;
	font-size: 14px;
}

.image {
	display: inline-block;
	padding: 10px;
	width: 33.33%;
	vertical-align: top;
}
.image img {
	vertical-align: top;
}
@media (max-width: 1024px) {
	.image {
		width: 100%;
	}
}

div.desc {
	font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif;
	font-size: clamp(16px, 3.6vw, 25px);
	padding: 15px;
	text-align: center;
}

div.desc2 {
	font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif;
	font-size: clamp(18px, 4.2vw, 30px);
	padding: 15px;
	font-weight: bold;
}

div.desc3 {
	font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif;
	font-size: clamp(16px, 3.6vw, 25px);
	text-align: left;
	margin-left: 0px;
}

ul {
	font-family: Calibri, sans-serif;
	font-size: 20px;
}

.margLeft {
	margin-left: 320px;
}
.marLeft2 {
	margin-left: 270px;
}
.margLeft3 {
	margin-left: 600px;
	font-size: 25px;
	padding: 15px;
	font-family: Calibri;
	text-align: left;
}
.margLeft4 {
	margin-left: -100px;
}

@media (max-width: 480px) {
	.container {
		padding: 0 3%;
	}
	.image {
		padding: 6px;
	}
}