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


			

html {
	   		box-sizing: border-box;
			& * {
			box-sizing: inherit;
		   }
}
 
body {
		margin-left: 120px;
}

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;
		
		.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;
}		

div.desc2 {
	font-family:Calibri;
	font-size:30px;
	padding: 15px;
	font-family:Calibri;
	font-weight: bold;
}		

				
div.desc3 {
	font-family:Calibri;
	font-size:25px;
    text-align: left;
	font-family:Calibri;
	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: Calibri;
	text-align: left;
}
.margLeft4 {
	margin-left: -100px;
}