$tablet: 'max-width: 1024px'; 
$mobile: 'max-width: 767px';


			

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

body {
		margin-left: 150px;
}

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


.txtcenter {
		margin-left: 340px;
		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;
		
		
		.imgContainer {
			width: 100%;
			line-height: 0;
			font-size: 14px;
		}
}

.image {
		display: inline-block;
		padding: 10px;
		width: 33.33%
		@media (#{$tablet}) {
				width: 100%;
		}
		img {
			vertical-align: top;
		}
}
				
div.desc {
	font-family:Calibri;
	font-size:25px;
    padding: 15px;
    text-align: center;
	font-family:Calibri;
}		


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



.margLeft { margin-left: 400px; }