* {
	touch-action: manipulation;
}

body {
	text-align: center;
	font-family: Garamond, serif;
	 background-color: #ffffff; 
	color: #000000;
	margin: 0;
}
p{
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:focus {
	text-decoration: none;
	color: #000000;
}

a:hover,
a:active {
	text-decoration: none;
	color: #000000
}

.site {
	/* width: 720px; */
	height: auto;
	max-width: 90%;
	margin: 1.25em auto;
	padding: 3.6em;
	overflow: hidden;
	/* background-color: #ffffff; */
}

.wide {
	width: 100%;
	text-align: center;
}

.about {
	margin: 200 0 0 0;
}

header.wide {
	font-size: 1.5em;
	font-weight: bold;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 0 50 0;
}

header.wide span {
	display: table-cell;
	text-align: center;
}


/* Portfolio gallery */

.gallery-portfolio img {
	max-width: 90% !important;
	overflow: hidden;
	transition: transform .3s;
	/* Animation */
	border: none;
	padding: 0;
	text-align: center;
}

.gallery {
	overflow: hidden;
	list-style: none;
}

.gallery-portfolio {
	 margin: 10px 0 10px; 
	overflow: auto;
	text-align: center;
	list-style: none;
	padding: 0 !important;
}

.gallery-portfolio li,
.gallery-portfolio li a {
	/* float: left; */
	box-sizing: border-box;
}

.gallery-portfolio img {
	max-height: 550px;
	width: auto;
}

.gallery-portfolio li {
	display: inline-block;
	width: 45%;
	margin: 5 10 4px 0;
	padding: 15px;
	background-color: #ffffff;
}

.gallery-portfolio li:nth-child(even) {
	/* text-align:right; */
	/* margin-right: 0; */
	/* outline: 2px dotted red; */
}

.gallery-portfolio li a {
	text-decoration: none;
	width: auto;
	height:300px;
	transition: outline .4s;
}

.gallery-portfolio li img:hover {
	transform: scale(0.95);
}

.gallery-portfolio li:nth-child(odd) {
	/* text-align:left; */
	/* clear: left; */
	/* outline: 3px solid green; */
}


/* images original size: width:400px, height: 225px
images rendered size: width:224px, height: 126px
 */

p {
	margin-bottom: 20px;
	margin-top: 0px;
}


/* For the about page */

table.teble {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
}

table.teble img {
	width: 25vw;
	margin: 0 10 0 0;
}

table.teble tr {
	width: 100%;
}

.one {
	width: 33%;
	font-size: 3.5em;
	padding: 0 0 100 100;
}

.two {
	width: 40%;
	font-size: 2em;
	padding: 10 10 30 150;
	position: sticky;
	top: 50px;
}

.two ul {
	list-style: none;
}

.two a {
	color: #333333;
}

.contact {
	font-size: 1.5em;
}

table.teble td,
table.teble th {
	/* padding: 3px 2px; */
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* ==========================================================
Responsive-ness
============================================================= */

@media only screen and ( min-width: 574px) and ( max-width: 861px) {
	.wide {
		/* width: auto; */
	}
}

@media only screen and (max-width: 1200px) {
	.gallery-portfolio {
		overflow: hidden;
	}
	.gallery-portfolio img {
		height: auto;
		width: auto;
	}
	.two {
		font-size: 1.5em;
		padding: 10 0 0 0;
	}
	.gallery-portfolio ul {
		text-align: right;
	}
	.gallery-portfolio li {
		width: 100% !important;
		display: inline-block;
		margin: 20 0 0 0;
		/* padding: 5px; */
		/* background-color: #fff; */
	}
	.gallery-portfolio li a {
		/* height: auto; */
		/* max-height: inherit; */
	}
	table.teble img {
		width: 30vh;
	}
}

@media only screen and ( min-width: 862px) {}