.fancybox__caption {
	text-align:center;
}
#PortfolioPageFullWidth {
	margin: 0 auto 0 auto;
	width:100%;
	margin-top:clamp(45px, 8vw, 64px);
	overflow:hidden;
}
#PortfolioPageLimitedWidth {
	width:clamp(20px, 100%, 1280px);
	height:100%;
	margin-right:auto;
	margin-left:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
#PPArticle{
	min-width:260px;
	max-width:416px;
	flex: 1 1 auto;
	spadding:20px;
	margin:auto;
}
#PPArticle p {
	padding:0;
	margin:0;
}
#PPArticle h2 {
	margin:0;
	padding:0 0 10px 0;
	font-size:35px;
	font-family:MilkyWeek;
	color:#30603a;
	text-align:center;
}
#PPArticleI h4{
	color:#30603a;
	font-family:Tahoma, Arial, Sans-serif;
	font-weight:bold;
	font-size:22px;
	padding:0;
	margin:0;
}
#PPArticleI h5{
	color:black;
	font-family:Tahoma, Arial, Sans-serif;
	font-weight:bold;
	font-size:19px;
	padding:15px;
	margin:0;
	text-align:left;
}
#PPArticleI{
	width:100%;
	height:100%;
	padding:25px;
	background-image:url('photos/pointer.png');
	background-position:bottom right;
	background-size: 36px 36px;
	background-repeat:no-repeat;
}
#PPButton {
	float:right;
	transform: rotate(196deg);
	transition: all 0.2s ease;
	margin:10px;
}
#PPButton:hover {
	transform:rotate(270deg);
}
/*Logo at the end of page*/
#PPLogoBox{
	aspect-ratio: 2 / 1;
	width:275px;
	min-width:275px;
	max-width:275px;
	flex:1 1 0;
	margin:auto;
	position:relative;
}
#PPLogo{
	border-radius:30px;
	background-image:url('photos/hplogo.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width:100%;
	height:100%;
	transition:opacity 0.5s;
}
#PPLogo:hover{
	opacity:0.75;
}
#PPLogo a {
	display:block;
	width:100%;
	height:100%;
}
#Article2{
	padding: 20px;
	margin:0;
	text-align:right;
	min-width:100%;
}
#Article2 h2 {
	margin:0;
	padding:0;
	font-size:clamp(26px,2.3vw, 28px);
	font-family:MilkyWeek;
	color:grey;
}
.A2span {
	color:darkblue;
}
/*Images rules for galleries*/
.PPImages {
	margin:auto;
	flex:1 1 0;
	min-width:300px;
	max-width:400px;
	padding:20px 0 20px 0;
	z-index:20;
}
.PPImages a{
	text-decoration:none;
	font-family: Bebas;
	color:white;
	font-size:25px;
}
.PPImages img {
	position:absolute;
	transform:scale(0.98);
	left:0;
	top:0;
	transition: opacity 0.5s;
	opacity:0.2;
}
.PPImages img:hover {
	opacity:1;
}
#PPI1 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#b58f71;
	text-align:center;
	line-height:183px;
	color:#b58f71;
	box-shadow:5px 5px 5px;
}
#PPI1:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI2 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#373d39;
	text-align:center;
	line-height:183px;
	color:#373d39;
	box-shadow:5px 5px 5px;
}
#PPI2:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI3 {
	position:relative;
	margin:auto;
	width:165px;
	transition:all 0.2s ease;
	height:250px;
	background-color:#5c747d;
	text-align:center;
	line-height:1.5rem;
	padding-top:6rem;
	text-wrap:wrap;
	box-shadow: 5px 5px 5px grey;
	color:#5c747d;
	box-shadow:5px 5px 5px;
}
#PPI3:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI4 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#9fa798;
	text-align:center;
	line-height:183px;
	color:#9fa798;
	box-shadow:5px 5px 5px;
}
#PPI4:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI5 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#2d7197;
	text-align:center;
	line-height:183px;
	color:#2d7197;
	box-shadow:5px 5px 5px;
}
#PPI5:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI6 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#316139;
	text-align:center;
	line-height:183px;
	color:#316139;
	box-shadow:5px 5px 5px;
}
#PPI6:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI7 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#b1957f;
	text-align:center;
	line-height:183px;
	color:#b1957f;
	box-shadow:5px 5px 5px;
}
#PPI7:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI8 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#970606;
	text-align:center;
	line-height:183px;
	color:#970606;
	box-shadow:5px 5px 5px;
}
#PPI8:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI9 {
	position:relative;
	margin:auto;
	width:165px;
	transition:all 0.2s ease;
	height:250px;
	background-color:#3e4a5a;
	text-align:center;
	line-height:1.5rem;
	padding-top:6rem;
	text-wrap:wrap;
	color:#3e4a5a;
	box-shadow:5px 5px 5px;
}
#PPI9:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI10 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#9a8d83;
	text-align:center;
	line-height:183px;
	color:#9a8d83;
	box-shadow:5px 5px 5px;
}
#PPI10:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI11 {
	position:relative;
	margin:auto;
	width:165px;
	transition:all 0.2s ease;
	height:250px;
	background-color:#8d6f5e;
	text-align:center;
	line-height:1.5rem;
	padding-top:6rem;
	text-wrap:wrap;
	color:#8d6f5e;
	box-shadow:5px 5px 5px;
}
#PPI11:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;

}
#PPI12 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#7f8d8e;
	text-align:center;
	line-height:183px;
	color:#7f8d8e;
	box-shadow:5px 5px 5px;
}
#PPI12:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI13 {
	position:relative;
	margin:auto;
	width:165px;
	transition:all 0.2s ease;
	height:250px;
	background-color:#798275;
	text-align:center;
	line-height:1.5rem;
	padding-top:6rem;
	text-wrap:wrap;
	color:#798275;
	box-shadow:5px 5px 5px;
}
#PPI13:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI14 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#373d39;
	text-align:center;
	line-height:183px;
	color:#373d39;
	box-shadow:5px 5px 5px;
}
#PPI14:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI15 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#407c38;
	text-align:center;
	line-height:183px;
	color:#407c38;
	box-shadow:5px 5px 5px;
}
#PPI15:hover {
	transform:scale(1.2) rotate(0deg);
	box-shadow: 8px 8px 8px;
}
#PPI16 {
	position:relative;
	margin:auto;
	width:275px;
	transition:all 0.2s ease;
	height:183px;
	background-color:#977358;
	text-align:center;
	line-height:183px;
	color:#977358;
	box-shadow:5px 5px 5px;
}
#PPI16:hover {
	transform:scale(1.2);
	box-shadow: 8px 8px 8px;
}
:root {
	--bg-color: #fff;
	--margin-line-color: #ec7063;
	--margin-line-color2: rgba(236,112,99,0.5);
	--ruling-line-color: #85c1e9;
}
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}