@media screen and (min-width: 301px) and (max-width: 900px){
  :root{
    --landscapeWidth: calc(100vw - 60px);
    --landscapeHeight: calc((100vw - 60px)/1.5);
    --landscapeHeightHalf: calc((100vw - 60px)/1.5);
    --landscapeHeight22: calc((100vw - 60px)/2.2);
    --square: calc(100vw - 60px);
    --portrait: 130vw;
    --portrait25: 110vw;

    --portraitTriplewidth: calc(100vw - 60px);
    --portraitTripleHeight: 130vw;
  }

  div.projectsIntroBG{
    position: relative;
    display: inline-block;
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-attachment: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  div.projectsIntroText{
    position: absolute;
    color: #000000;
    height: auto;
    font-family: aLight;
    font-size: 0.9em;
    line-height: 2em;
  }
  div.projectsImageText{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #000000;
    font-family: aHeavy;
    font-size: 1.5em;
    letter-spacing: -1.5px;
  }
	.projectsImageText.topLeft{
    top: 10px;
    left: 10px;
  }
  .projectsImageText.light{
    color: #ffffff;
  }
	
	div#uaLogo{
    position: absolute;
    bottom: 5vh;
    left: calc(50% - 8vh);
    background-image: url("../sources/projects/uaHouse/uaLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 12.5vh;
    width: 16vh;
  }
  .projectsIntroBG.ua{
		background-image: url("../sources/projects/uaHouse/cover.jpg");
    background-position: center;
    background-size: cover;
  }
	div#uaIntroQuote{
		display: inline-block;
		position: relative;
		font-family: aUltraLight;
		font-size: 2em;
		line-height: 1.1em;
	}
	div#uaIntroQuoteAuth{
		display: inline-block;
		position: relative;
		font-family: aHeavy;
		font-size: 1em;
		margin-top: 10px;
	}

	div#tupendaneLogo{
    position: absolute;
    top: calc(50% - 6vw);
    left: calc(50% - 20vw);
    background-image: url("../sources/projects/tupendaneHouse/tupendaneLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    height: 12.12vw;
    width: 40vw;
  }
  .projectsIntroBG.tupendane{
		background-image: url("../sources/projects/tupendaneHouse/cover.jpg");
    background-position: center;
    background-size: cover;
  }
	
	div#airKenyaLogo{
		position: absolute;
		bottom: 30px;
		left: 30px;
		background-image: url("../sources/projects/airKenya/airKenyaLogo.svg");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		background-attachment: absolute;
		height: 11.25vw;
		width: 15vw;
	}
	div#airKenyaText{
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #ffffff;
    font-family: aUltraLight;
    font-size: 4em;
    line-height: 0.8em;
		text-align: right;
    height: auto;
    width: auto;
  }
	.projectsIntroBG.airKenya{
		background-image: url("../sources/projects/airKenya/pageCover.jpg");
		background-position: center;
    background-size: cover;
	}

  div#lakeviewLogo{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("../sources/projects/lakeview/lakeviewLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    width: calc(100vw - 15px);
    height: calc((100vw - 15px)*30);
  }
  .projectsIntroBG.lakeview{
    background-image: url("../sources/projects/lakeview/cover.jpg");
    background-position: center;
    background-size: cover;
  }

  div#osiruaLogo{
    position: absolute;
    bottom: 30px;
    right: 45px;
    background-image: url("../sources/projects/osirua/osiruaLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    height: 20vw;
    width: 55vw;
  }
  .projectsIntroBG.osirua{
    background-image: url("../sources/projects/osirua/cover.jpg");
    background-position: center;
    background-size: cover;
  }

  div#thigiriLogo{
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: #ffffff;
    font-family: aUltraLight;
    font-size: 4em;
    line-height: 0.9em;
    height: auto;
    width: auto;
  }
  .projectsIntroBG.thigiri{
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.7)),
      url("../sources/projects/thigiriRidge/1.jpg");
    background-position: center;
    background-size: cover;
  }

  div#matsaertLogo{
    position: absolute;
    bottom: 8vh;
    left: calc(50% - 15vh);
    background-image: url("../sources/projects/matsaertResidence/matsaertLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 12vh;
    width: 30vh;
  }
  .projectsIntroBG.matsaert{
    background-image: url("../sources/projects/matsaertResidence/matsaertCover.jpg");
    background-position: 50% top;
    background-size: auto 100vh;
  }
  .clientImageCon.matsaert{
    background: url("../sources/projects/matsaertResidence/client.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: absolute;
  }
  .clientImageText.matsaert{
    bottom: 0;
    left: 0;
    right: 0;
  }

  div#safariTrailsLogo{
    position: absolute;
    bottom: 50px;
    left: calc(50% - 12.5vh);
    background-image: url("../sources/projects/safariTrails/safariTrailsLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 10vh;
    width: 25vh;
  }
  .projectsIntroBG.safariTrails{
    background-image: url("../sources/projects/safariTrails/cover.jpg");
    background-position: center;
    background-size: cover;
  }

  div#mrYaoLogo{
    position: absolute;
    bottom: 8vh;
    right: 8vh;
    background-image: url("../sources/projects/mrYao/mrYaoLogo.svg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 12vh;
    width: 18vh;
  }
  .projectsIntroBG.mrYao{
    background-image: url("../sources/projects/mrYao/11.jpg");
    background-position: center;
    background-size: cover;
  }

  div#utuLogo{
    position: absolute;
    bottom: 30px;
    right: calc(50% - 6.25vh);
    background-image: url("../sources/projects/kafeUtu/utuLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 25vh;
    width: 12.5vh;
  }
  .projectsIntroBG.utu{
    background-image: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.7)),
      url("../sources/projects/kafeUtu/cover.jpg");
    background-position: center;
    background-size: cover;
  }
  div#utuLoungeLogo{
    position: absolute;
    bottom: 30px;
    right: 45px;
    background-image: url("../sources/projects/utuLounge/utuLoungeLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 25vh;
    width: 12.5vh;
  }
  .projectsIntroBG.utuLounge{
    background-image: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.7)),
      url("../sources/projects/utuLounge/cover.jpg");
    background-position: center;
    background-size: cover;
  }

  div#kokoLogo{
    position: absolute;
    top: 145px;
    left: calc(50% - 9vw);
    background-image: url("../sources/projects/kafeKoko/kokoLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 95%;
    background-attachment: absolute;
		background-color: #ffffff;
    height: 34vw;
    width: 18vw;
  }
  .projectsIntroBG.koko{
    background-image: url("../sources/projects/kafeKoko/kokoCover.jpg");
    background-position: center;
    background-size: auto 100%;
  }

  div#jethwaLogo{
    position: absolute;
    top: 100px;
    left: 30px;
    background-image: url("../sources/projects/jethwaResidence/jethwaLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 19.8vh;
    width: 25vh;
  }
  .projectsIntroBG.jethwa{
    background-image: url("../sources/projects/jethwaResidence/jethwaCover.jpg");
    background-position: center;
    background-size: cover;
  }
  .projectsIntroText.jethwa{
    display: none;
  }
  .clientImageCon.jethwa{
    background: url("../sources/projects/jethwaResidence/client.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: absolute;
  }
  .clientImageText.jethwa{
    bottom: 0;
    left: 0;
    right: 0;
  }

  div#ramjiLogo{
    position: absolute;
    bottom: 20vh;
    left: 30px;
    background-image: url("../sources/projects/ramjiResidence/ramjiLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 29vw;
    width: 85vw;
  }
  .projectsIntroBG.ramji{
    background-color: #ffffff;
    background-image: url("../sources/projects/ramjiResidence/cover.jpg");
    background-position: 20% 120px;
    background-size: 140% auto;
  }
  .projectsIntroText.ramji{
    width: calc(100% - 60px);
    bottom: 30px;
    left: 30px;
  }

  div#ankoleLogo{
    position: absolute;
    top: 100px;
    left: calc(50% - 8.5vh);
    background-image: url("../sources/projects/ankoleGrillKilimani/ankoleLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 25vh;
    width: 17vh;
  }
  .projectsIntroBG.ankoleGrillKilimani{
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)),
      url("../sources/projects/ankoleGrillKilimani/ankoleCover.jpg");
    background-position: center;
    background-size: cover;
  }
  #ankoleLogo.kitisuru{
    top: auto;
    bottom: 50px;
  }
  .projectsIntroBG.ankoleGrillKitisuru{
    background-color: #000000;
    background-image: url("../sources/projects/ankoleGrillKitisuru/siteOff1.jpg");
    background-position: center;
    background-size: cover;
  }
	
	div#angamaTitle{
    position: absolute;
    top: 120px;
    left: 30px;
    width: calc(100vw - 60px);
    height: 13vw;
		background-image: url("../sources/projects/angamaMara/angama_logo_white.svg");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: absolute;
		mix-blend-mode: difference;
  }
  .projectsIntroBG.angama{
    background-image: url("../sources/projects/angamaMara/1.jpg");
		background-size: cover;
		background-position: center;
  }

}

@media screen and (min-width: 901px){
  :root{
    --landscapeWidth: calc(100% - 5vw);
    --landscapeHeight: calc((100vw - 30vh - 8.7em - 90px - 5vw)/1.5);
    --landscapeHeight22: calc((100vw - 30vh - 8.7em - 90px - 5vw)/2.2);
    --landscapeHeightHalf: calc(((100vw - 30vh - 8.7em - 90px - 6vw) / 2) / 1.5);
    --square: calc((100vw - 30vh - 8.7em - 90px - 6vw)/2);
    --portrait: calc(((100vw - 30vh - 8.7em - 90px - 6vw) / 2) * 1.5);
    --portrait25: calc(((100vw - 30vh - 8.7em - 90px - 6vw) / 2) * 1.25);

    --portraitTriplewidth: calc(((100vw - 30vh - 8.7em - 90px - 14.5vw) / 3));
    --portraitTripleHeight: calc(((100vw - 30vh - 8.7em - 90px - 14.5vw) / 3) * 1.5);
  }

  div.projectsIntroBG{
    position: relative;
    display: inline-block;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-attachment: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  div.projectsIntroText{
    position: absolute;
    color: #000000;
    height: auto;
    font-family: aLight;
    font-size: 0.9em;
    line-height: 2em;
  }
  div.projectsImageText{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #000000;
    font-family: aHeavy;
    font-size: 2em;
    letter-spacing: -1.5px;
  }
	.projectsImageText.topLeft{
    top: 15px;
    left: 15px;
  }
  .projectsImageText.light{
    color: #ffffff;
  }
	
	div#uaLogo{
    position: absolute;
    bottom: 5vh;
    left: 7.5vh;
    background-image: url("../sources/projects/uaHouse/uaLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 9.4vw;
    width: 12vw;
  }
  .projectsIntroBG.ua{
		background-image: url("../sources/projects/uaHouse/cover.jpg");
    background-position: center 5vh;
    background-size: auto 90vh;
  }
	div#uaIntroQuote{
		display: inline-block;
		position: relative;
		font-family: aUltraLight;
		font-size: 3em;
		line-height: 1.1em;
		margin-top: 40px;
	}
	div#uaIntroQuoteAuth{
		display: inline-block;
		position: relative;
		font-family: aHeavy;
		font-size: 1em;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	div#tupendaneLogo{
    position: absolute;
    top: calc(50% - 2.5vw);
    left: calc(50% - 8.25vw);
    background-image: url("../sources/projects/tupendaneHouse/tupendaneLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    height: 5vw;
    width: 16.5vw;
  }
  .projectsIntroBG.tupendane{
		background-image: url("../sources/projects/tupendaneHouse/cover.jpg");
    background-position: center;
    background-size: cover;
  }
	
	div#airKenyaLogo{
		position: absolute;
		top: calc(50% - 3vw);
		left: 18%;
		background-image: url("../sources/projects/airKenya/airKenyaLogo.svg");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		background-attachment: absolute;
		height: 6vw;
		width: 8vw;
	}
	div#airKenyaText{
    position: absolute;
    top: 42%;
    left: 70%;
    color: #000000;
    font-family: aUltraLight;
    font-size: 4em;
    line-height: 0.9em;
    height: auto;
    width: auto;
  }
	.projectsIntroBG.airKenya{
		background-image: url("../sources/projects/airKenya/pageCover.jpg");
		background-position: 30vw 0;
    background-size: contain;
	}
	
  div#lakeviewLogo{
    position: absolute;
    bottom: 10vh;
    left: 67vh;
    background-image: url("../sources/projects/lakeview/lakeviewLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    height: 7.5vw;
    width: 25vw;
    transform: rotate(90deg);
    transform-origin: top right;
  }
  .projectsIntroBG.lakeview{
    background-image: url("../sources/projects/lakeview/cover.jpg");
    background-position: 20vw 5vh;
    background-size: auto 90vh;
  }

  div#osiruaLogo{
    position: absolute;
    bottom: 10vh;
    left: 28%;
    background-image: url("../sources/projects/osirua/osiruaLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    background-blend-mode: difference;
    mix-blend-mode: difference;
    height: 7.5vw;
    width: 20vw;
  }
  .projectsIntroBG.osirua{
    background-image: url("../sources/projects/osirua/cover.jpg");
    background-position: 80% center;
    background-size: contain;
  }

  div#thigiriLogo{
    position: absolute;
    top: 45%;
    left: 40%;
    color: #323232;
    font-family: aUltraLight;
    font-size: 4em;
    line-height: 0.9em;
    height: auto;
    width: auto;
  }
  .projectsIntroBG.thigiri{
    background-image: url("../sources/projects/thigiriRidge/1.jpg");
    background-position: left top;
    background-size: auto 100vh;
  }

  div#matsaertLogo{
    position: absolute;
    bottom: 10vh;
    left: 50%;
    margin-left: -12.5vw;
    background-image: url("../sources/projects/matsaertResidence/matsaertLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 10vw;
    width: 25vw;
  }
  .projectsIntroBG.matsaert{
    background-image: url("../sources/projects/matsaertResidence/matsaertCover.jpg");
    background-position: 50% top;
    background-size: auto 100vh;
  }
  .clientImageCon.matsaert{
    background: url("../sources/projects/matsaertResidence/client.jpg");
    background-position: 65% 0%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: absolute;
    height: 90vh;
  }
  .clientImageText.matsaert{
    top: 5vh;
    right: 35vw;
  }

  div#safariTrailsLogo{
    position: absolute;
    bottom: 10vh;
    left: 35%;
    margin-left: -12.5vw;
    background-image: url("../sources/projects/safariTrails/safariTrailsLogo.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    mix-blend-mode: difference;
    height: 10vw;
    width: 25vw;
  }
  .projectsIntroBG.safariTrails{
    background-color: rgba(0,0,0,0);
    background-image: url("../sources/projects/safariTrails/cover.jpg");
    background-position: 80% top;
    background-size: auto 100vh;
  }

  div#mrYaoLogo{
    position: absolute;
    bottom: 10vh;
    right: calc(10vh + 15px);
    background-image: url("../sources/projects/mrYao/mrYaoLogo.svg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 7.5vw;
    width: 11vw;
  }
  .projectsIntroBG.mrYao{
    background-image: url("../sources/projects/mrYao/12.jpg");
    background-position: center;
    background-size: cover;
  }

  div#utuLogo{
    position: absolute;
    top: 50%;
    right: 30vw;
    margin-top: -10vw;
    background-image: url("../sources/projects/kafeUtu/utuLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 40vh;
    width: 20vh;
  }
  .projectsIntroBG.utu{
    background-image: url("../sources/projects/kafeUtu/cover.jpg");
    background-position: 20vw 100%;
    background-size: auto 100vh;
  }
  div#utuLoungeLogo{
    position: absolute;
    top: 50%;
    left: 22vw;
    margin-top: -10vw;
    background-image: url("../sources/projects/utuLounge/utuLoungeLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 40vh;
    width: 20vh;
  }
  .projectsIntroBG.utuLounge{
    background-color: #000000;
    background-image: url("../sources/projects/utuLounge/cover.jpg");
    background-position: 60% 100%;
    background-size: auto 100vh;
  }

  div#kokoLogo{
    position: absolute;
    top: 50%;
    margin-top: -12.5vw;
    left: 20vw;
    background-image: url("../sources/projects/kafeKoko/kokoLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 25vw;
    width: 12.9vw;
  }
  .projectsIntroBG.koko{
    background-image: url("../sources/projects/kafeKoko/kokoCover.jpg");
    background-position: 60% 0%;
    background-size: auto 100%;
  }

  div#jethwaLogo{
    position: absolute;
    top: 15vh;
    left: 40%;
    background-image: url("../sources/projects/jethwaResidence/jethwaLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 19.8vw;
    width: 25vw;
  }
  .projectsIntroBG.jethwa{
    background-image: url("../sources/projects/jethwaResidence/jethwaCover.jpg");
    background-position: 25% 0%;
    background-size: auto 90vh;
  }
  .projectsIntroText.jethwa{
    width: 25vw;
    bottom: 10vh;
    right: 25vw;
  }
  .clientImageCon.jethwa{
    background: url("../sources/projects/jethwaResidence/client.jpg");
    background-position: 65% 0%;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: absolute;
    height: 90vh;
  }
  .clientImageText.jethwa{
    top: 5vh;
    right: 35vw;
  }
  .projectsCaseBody.jethwa{
    display: none;
  }

  div#ramjiLogo{
    position: absolute;
    bottom: 15vh;
    right: 32.5vw;
    background-image: url("../sources/projects/ramjiResidence/ramjiLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 10.3vw;
    width: 30vw;
  }
  .projectsIntroBG.ramji{
    background-color: #ffffff;
    background-image: url("../sources/projects/ramjiResidence/cover.jpg");
    background-position: 0% 50%;
    background-size: 60vw auto;
  }
  .projectsIntroText.ramji{
    width: 18vw;
    top: 25vh;
    right: 20vw;
  }

  div#ankoleLogo{
    position: absolute;
    top: 50%;
    right: 27.5vw;
    margin-top: -10vw;
    background-image: url("../sources/projects/ankoleGrillKilimani/ankoleLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 20vw;
    width: 13.5vw;
  }
  .projectsIntroBG.ankoleGrillKilimani{
    background-color: #000000;
    background-image: url("../sources/projects/ankoleGrillKilimani/ankoleCover.jpg");
    background-position: calc(15vh + 8.1em) 100%;
    background-size: auto 100vh;
  }

  #ankoleLogo.kitisuru{
    position: absolute;
    top: 50%;
    left: 28%;
    margin-top: -10vw;
    background-image: url("../sources/projects/ankoleGrillKilimani/ankoleLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: absolute;
    height: 20vw;
    width: 13.5vw;
  }
  .projectsIntroBG.ankoleGrillKitisuru{
    background-color: #000000;
    background-image: url("../sources/projects/ankoleGrillKitisuru/siteOff1.jpg");
    background-position: 80% center;
    background-size: contain;
  }

	div#angamaTitle{
    position: absolute;
    top: 7.5vh;
    right: calc(15vh + 8.7em);
    width: 20vw;
    height: 2.6vw;
		background-image: url("../sources/projects/angamaMara/angama_logo_white.svg");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: absolute;
		mix-blend-mode: difference;
  }
	.projectsIntroBG.angama{
    background-image: url("../sources/projects/angamaMara/1.jpg");
		background-size: 70vw auto;
		background-position: 55% 55%;
  }

  div#lipaLaterLogo{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3vw;
    margin-left: -15vw;
    background-image: url("../sources/projects/lipaLater/lipaLaterLogo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: absolute;
    height: 6vw;
    width: 28vw;
  }
  .projectsIntroBG.lipaLater{
    background-image: url("../sources/projects/lipaLater/floor1.jpg");
    background-position: center;
    background-size: cover;
  }
}

div#ua1_1{
	background: url("../sources/projects/uaHouse/1_1.jpg");
  height: var(--portrait);
}
div#ua1_2{
	background: url("../sources/projects/uaHouse/1_2.jpg");
  height: var(--portrait);
}
div#ua1_3{
	background: url("../sources/projects/uaHouse/1_3.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua1_4{
	background: url("../sources/projects/uaHouse/1_4.jpg");
  height: var(--portrait);
}
div#ua1_5{
	background: url("../sources/projects/uaHouse/1_5.jpg");
  height: var(--portrait);
}
div#ua1_6{
	background: url("../sources/projects/uaHouse/1_6.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua1_7{
	background: url("../sources/projects/uaHouse/1_7.jpg");
  height: var(--portrait);
}
div#ua1_8{
	background: url("../sources/projects/uaHouse/1_8.jpg");
  height: var(--portrait);
}
div#ua1_9{
	background: url("../sources/projects/uaHouse/1_9.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua2_1{
	background: url("../sources/projects/uaHouse/2_1.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua2_2{
	background: url("../sources/projects/uaHouse/2_2.jpg");
  height: var(--portrait);
}
div#ua2_3{
	background: url("../sources/projects/uaHouse/2_3.jpg");
  height: var(--portrait);
}
div#ua2_4{
	background: url("../sources/projects/uaHouse/2_4.jpg");
  height: var(--portrait);
}
div#ua2_5{
	background: url("../sources/projects/uaHouse/2_5.jpg");
  height: var(--portrait);
}
div#ua2_6{
	background: url("../sources/projects/uaHouse/2_6.jpg");
  height: var(--portrait);
}
div#ua2_7{
	background: url("../sources/projects/uaHouse/2_7.jpg");
  height: var(--portrait);
}
div#ua3_1{
	background: url("../sources/projects/uaHouse/3_1.jpg");
  height: var(--portrait);
}
div#ua3_2{
	background: url("../sources/projects/uaHouse/3_2.jpg");
  height: var(--portrait);
}
div#ua3_3{
	background: url("../sources/projects/uaHouse/3_3.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua3_4{
	background: url("../sources/projects/uaHouse/3_4.jpg");
  height: var(--portrait);
}
div#ua3_5{
	background: url("../sources/projects/uaHouse/3_5.jpg");
  height: var(--portrait);
}
div#ua3_6{
	background: url("../sources/projects/uaHouse/3_6.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#ua3_7{
	background: url("../sources/projects/uaHouse/3_7.jpg");
  height: var(--portrait);
}
div#ua3_8{
	background: url("../sources/projects/uaHouse/3_8.jpg");
  height: var(--portrait);
}

div#tupendane1{
	background: url("../sources/projects/tupendaneHouse/kitchen1.jpg");
  height: var(--portrait25);
}
div#tupendane2{
	background: url("../sources/projects/tupendaneHouse/kitchen2.jpg");
  height: var(--portrait25);
}
div#tupendane3{
	background: url("../sources/projects/tupendaneHouse/kitchen3.jpg");
  height: var(--portrait25);
}
div#tupendane4{
	background: url("../sources/projects/tupendaneHouse/kitchen4.jpg");
  height: var(--portrait25);
}
div#tupendane5{
	background: url("../sources/projects/tupendaneHouse/kitchen5.jpg");
  height: var(--portrait25);
}
div#tupendane6{
	background: url("../sources/projects/tupendaneHouse/kitchen6.jpg");
  height: var(--portrait25);
}
div#tupendane7{
	background: url("../sources/projects/tupendaneHouse/kitchen7.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#tupendane8{
	background: url("../sources/projects/tupendaneHouse/living1.jpg");
  height: var(--portrait25);
}
div#tupendane9{
	background: url("../sources/projects/tupendaneHouse/living2.jpg");
  height: var(--portrait25);
}
div#tupendane10{
	background: url("../sources/projects/tupendaneHouse/living3.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#tupendane11{
	background: url("../sources/projects/tupendaneHouse/living4.jpg");
  height: var(--portrait25);
}
div#tupendane12{
	background: url("../sources/projects/tupendaneHouse/living5.jpg");
  height: var(--portrait25);
}
div#tupendane13{
	background: url("../sources/projects/tupendaneHouse/bed1.jpg");
  height: var(--portrait25);
}
div#tupendane14{
	background: url("../sources/projects/tupendaneHouse/bed2.jpg");
  height: var(--portrait25);
}
div#tupendane15{
	background: url("../sources/projects/tupendaneHouse/bed3.jpg");
  height: var(--portrait25);
}
div#tupendane16{
	background: url("../sources/projects/tupendaneHouse/bed4.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}

div#airKenyaOld1{
	background: url("../sources/projects/airKenya/old1.jpg");
  height: var(--landscapeHeightHalf);
}
div#airKenyaOld2{
	background: url("../sources/projects/airKenya/old2.jpg");
  height: var(--landscapeHeightHalf);
}
div#airKenyaOld3{
	background: url("../sources/projects/airKenya/old3.jpg");
  height: var(--portrait25);
}
div#airKenya1{
	background: url("../sources/projects/airKenya/1.jpg");
  width: var(--landscapeWidth);
	height: var(--landscapeHeight);
}
div#airKenya2{
	background: url("../sources/projects/airKenya/2.jpg");
  height: var(--landscapeHeightHalf);
}
div#airKenya3{
	background: url("../sources/projects/airKenya/3.jpg");
  height: var(--landscapeHeightHalf);
}
div#airKenya4{
	background: url("../sources/projects/airKenya/4.jpg");
  width: var(--landscapeWidth);
	height: var(--landscapeHeight);
}
div#airKenya5{
	background: url("../sources/projects/airKenya/5.jpg");
  width: var(--landscapeWidth);
	height: var(--landscapeHeight);
}
div#airKenya6{
	background: url("../sources/projects/airKenya/6.jpg");
  width: var(--landscapeWidth);
	height: var(--landscapeHeight);
}

div#ankoleKiti1{
  background: url("../sources/projects/ankoleGrillKitisuru/1.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti2{
  background: url("../sources/projects/ankoleGrillKitisuru/2.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti3{
  background: url("../sources/projects/ankoleGrillKitisuru/3.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti4{
  background: url("../sources/projects/ankoleGrillKitisuru/4.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti5{
  background: url("../sources/projects/ankoleGrillKitisuru/5.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti6{
  background: url("../sources/projects/ankoleGrillKitisuru/6.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti7{
  background: url("../sources/projects/ankoleGrillKitisuru/7.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti8{
  background: url("../sources/projects/ankoleGrillKitisuru/8.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti9{
  background: url("../sources/projects/ankoleGrillKitisuru/9.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti10{
  background: url("../sources/projects/ankoleGrillKitisuru/10.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti11{
  background: url("../sources/projects/ankoleGrillKitisuru/11.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti12{
  background: url("../sources/projects/ankoleGrillKitisuru/12.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti13{
  background: url("../sources/projects/ankoleGrillKitisuru/13.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti14{
  background: url("../sources/projects/ankoleGrillKitisuru/14.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti15{
  background: url("../sources/projects/ankoleGrillKitisuru/15.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti16{
  background: url("../sources/projects/ankoleGrillKitisuru/16.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti17{
  background: url("../sources/projects/ankoleGrillKitisuru/17.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleKiti18{
  background: url("../sources/projects/ankoleGrillKitisuru/18.jpg");
  width: var(--portraitTriplewidth);
  height: var(--portraitTripleHeight);
}
div#ankoleSiteOff1{
  background: url("../sources/projects/ankoleGrillKitisuru/siteOff1.jpg");
  height: var(--portrait);
}
div#ankoleSiteOff2{
  background: url("../sources/projects/ankoleGrillKitisuru/siteOff2.jpg");
  height: var(--portrait);
}
div#ankoleSiteOff3{
  background: url("../sources/projects/ankoleGrillKitisuru/siteOff3.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleSiteOff4{
  background: url("../sources/projects/ankoleGrillKitisuru/siteOff4.jpg");
  height: var(--portrait);
}
div#ankoleSiteOff5{
  background: url("../sources/projects/ankoleGrillKitisuru/siteOff5.jpg");
  height: var(--portrait);
}
div#ankoleFire1{
  background: url("../sources/projects/ankoleGrillKitisuru/fire1.jpg");
  height: var(--portrait);
}
div#ankoleFire2{
  background: url("../sources/projects/ankoleGrillKitisuru/fire2.jpg");
  height: var(--portrait);
}
div#ankoleFire3{
  background: url("../sources/projects/ankoleGrillKitisuru/fire4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleMain1{
  background: url("../sources/projects/ankoleGrillKitisuru/main1.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleMain2{
  background: url("../sources/projects/ankoleGrillKitisuru/main2.jpg");
  height: var(--portrait);
}
div#ankoleMain3{
  background: url("../sources/projects/ankoleGrillKitisuru/main3.jpg");
  height: var(--portrait);
}
div#ankoleMain4{
  background: url("../sources/projects/ankoleGrillKitisuru/main4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleMain5{
  background: url("../sources/projects/ankoleGrillKitisuru/main5.jpg");
  height: var(--portrait);
}
div#ankoleMain6{
  background: url("../sources/projects/ankoleGrillKitisuru/main6.jpg");
  height: var(--portrait);
}
div#ankoleMain7{
  background: url("../sources/projects/ankoleGrillKitisuru/main7.jpg");
  height: var(--portrait);
}
div#ankoleMain8{
  background: url("../sources/projects/ankoleGrillKitisuru/main8.jpg");
  height: var(--portrait);
}

div#lakeview1{
  background: url("../sources/projects/lakeview/1.jpg");
  height: var(--portrait);
}
div#lakeview2{
  background: url("../sources/projects/lakeview/2.jpg");
  height: var(--portrait);
}
div#lakeview3{
  background: url("../sources/projects/lakeview/3.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#lakeview4{
  background: url("../sources/projects/lakeview/4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#lakeview5{
  background: url("../sources/projects/lakeview/5.jpg");
  height: var(--portrait);
}
div#lakeview6{
  background: url("../sources/projects/lakeview/6.jpg");
  height: var(--portrait);
}
div#lakeview7{
  background: url("../sources/projects/lakeview/7.jpg");
  height: var(--portrait);
}
div#lakeview8{
  background: url("../sources/projects/lakeview/8.jpg");
  height: var(--portrait);
}
div#lakeview9{
  background: url("../sources/projects/lakeview/9.jpg");
  height: var(--portrait);
}
div#lakeview10{
  background: url("../sources/projects/lakeview/10.jpg");
  height: var(--portrait);
}
div#lakeview11{
  background: url("../sources/projects/lakeview/11.jpg");
  height: var(--portrait);
}
div#lakeview12{
  background: url("../sources/projects/lakeview/12.jpg");
  height: var(--portrait);
}

div#osirua1{
  background: url("../sources/projects/osirua/1.jpg");
  height: var(--portrait);
}
div#osirua2{
  background: url("../sources/projects/osirua/2.jpg");
  height: var(--portrait);
}
div#osirua3{
  background: url("../sources/projects/osirua/3.jpg");
  height: var(--portrait);
}
div#osirua4{
  background: url("../sources/projects/osirua/4.jpg");
  height: var(--portrait);
}
div#osirua5{
  background: url("../sources/projects/osirua/5.jpg");
  height: var(--portrait);
}
div#osirua6{
  background: url("../sources/projects/osirua/6.jpg");
  height: var(--portrait);
}
div#osirua7{
  background: url("../sources/projects/osirua/7.jpg");
  height: var(--portrait);
}
div#osirua8{
  background: url("../sources/projects/osirua/8.jpg");
  height: var(--portrait);
}
div#osirua9{
  background: url("../sources/projects/osirua/9.jpg");
  height: var(--portrait);
}
div#osirua10{
  background: url("../sources/projects/osirua/10.jpg");
  height: var(--portrait);
}

div#thigiri1{
  background: url("../sources/projects/thigiriRidge/1.jpg");
  height: var(--portrait);
}
div#thigiri2{
  background: url("../sources/projects/thigiriRidge/2.jpg");
  height: var(--portrait);
}
div#thigiri3{
  background: url("../sources/projects/thigiriRidge/3.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#thigiri4{
  background: url("../sources/projects/thigiriRidge/4.jpg");
  height: var(--portrait);
}
div#thigiri5{
  background: url("../sources/projects/thigiriRidge/5.jpg");
  height: var(--portrait);
}
div#thigiri6{
  background: url("../sources/projects/thigiriRidge/6.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}

div#matsaert1{
  background: url("../sources/projects/matsaertResidence/1.jpg");
  height: var(--portrait25);
}
div#matsaert2{
  background: url("../sources/projects/matsaertResidence/2.jpg");
  height: var(--portrait25);
}
div#matsaert3{
  background: url("../sources/projects/matsaertResidence/3.jpg");
  height: var(--portrait25);
}
div#matsaert4{
  background: url("../sources/projects/matsaertResidence/4.jpg");
  height: var(--portrait25);
}
div#matsaert5{
  background: url("../sources/projects/matsaertResidence/5.jpg");
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  ackground-attachment: absolute !important;
  height: var(--portrait25);
}
div#matsaert6{
  background: url("../sources/projects/matsaertResidence/6.jpg");
  height: var(--portrait25);
}
div#matsaert7{
  background: url("../sources/projects/matsaertResidence/7.jpg");
  height: var(--portrait25);
}
div#matsaert8{
  background: url("../sources/projects/matsaertResidence/8.jpg");
  height: var(--portrait25);
}
div#matsaert9{
  background: url("../sources/projects/matsaertResidence/9.jpg");
  height: var(--portrait25);
}
div#matsaert10{
  background: url("../sources/projects/matsaertResidence/10.jpg");
  height: var(--portrait25);
}
div#matsaert11{
  background: url("../sources/projects/matsaertResidence/11.jpg");
  height: var(--portrait25);
}

div#mrYao1{
  background: url("../sources/projects/mrYao/1.jpg");
  height: var(--portrait);
}
div#mrYao2{
  background: url("../sources/projects/mrYao/2.jpg");
  height: var(--portrait);
}
div#mrYao3{
  background: url("../sources/projects/mrYao/3.jpg");
  height: var(--portrait);
}
div#mrYao4{
  background: url("../sources/projects/mrYao/4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#mrYao5{
  background: url("../sources/projects/mrYao/5.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#mrYao6{
  background: url("../sources/projects/mrYao/6.jpg");
  height: var(--portrait);
}
div#mrYao8{
  background: url("../sources/projects/mrYao/8.jpg");
  height: var(--portrait);
}
div#mrYao9{
  background: url("../sources/projects/mrYao/9.jpg");
  height: var(--portrait);
}
div#mrYao10{
  background: url("../sources/projects/mrYao/10.jpg");
  height: var(--portrait);
}
div#mrYao11{
  background: url("../sources/projects/mrYao/11.jpg");
  height: var(--portrait);
}
div#mrYao12{
  background: url("../sources/projects/mrYao/12.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#mrYao13{
  background: url("../sources/projects/mrYao/13.jpg");
  height: var(--portrait);
}
div#mrYao14{
  background: url("../sources/projects/mrYao/14.jpg");
  height: var(--portrait);
}
div#mrYao15{
  background: url("../sources/projects/mrYao/15.jpg");
  height: var(--portrait);
}
div#mrYao16{
  background: url("../sources/projects/mrYao/16.jpg");
  height: var(--portrait);
}
div#mrYao17{
  background: url("../sources/projects/mrYao/17.jpg");
  height: var(--portrait);
}
div#mrYao18{
  background: url("../sources/projects/mrYao/18.jpg");
  height: var(--portrait);
}
div#mrYao19{
  background: url("../sources/projects/mrYao/19.jpg");
  height: var(--portrait);
}

div#safari1_render{
  background: url("../sources/projects/safariTrails/render1.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari2_render{
  background: url("../sources/projects/safariTrails/render2.jpg");
  height: var(--square);
}
div#safari3_render{
  background: url("../sources/projects/safariTrails/render3.jpg");
  height: var(--square);
}
div#safari1{
  background: url("../sources/projects/safariTrails/1.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari2{
  background: url("../sources/projects/safariTrails/2.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari3{
  background: url("../sources/projects/safariTrails/3.jpg");
  height: var(--square);
}
div#safari4{
  background: url("../sources/projects/safariTrails/4.jpg");
  height: var(--square);
}
div#safari5{
  background: url("../sources/projects/safariTrails/5.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari6{
  background: url("../sources/projects/safariTrails/6.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari7{
  background: url("../sources/projects/safariTrails/7.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#safari8{
  background: url("../sources/projects/safariTrails/8.jpg");
  height: var(--portrait);
}
div#safari9{
  background: url("../sources/projects/safariTrails/9.jpg");
  height: var(--portrait);
}
div#safari10{
  background: url("../sources/projects/safariTrails/10.jpg");
  height: var(--portrait);
}
div#safari12{
  background: url("../sources/projects/safariTrails/12.jpg");
  height: var(--portrait);
}
div#safari13{
  background: url("../sources/projects/safariTrails/13.jpg");
  height: var(--portrait);
}
div#safari14{
  background: url("../sources/projects/safariTrails/14.jpg");
  height: var(--portrait);
}
div#safari15{
  background: url("../sources/projects/safariTrails/15.jpg");
  height: var(--portrait);
}
div#safari16{
  background: url("../sources/projects/safariTrails/16.jpg");
  height: var(--portrait);
}

div#utu11{
  background: url("../sources/projects/utuLounge/1.jpg");
  height: var(--portrait);
}
div#utu12{
  background: url("../sources/projects/utuLounge/2.jpg");
  height: var(--portrait);
}
div#utu13{
  background: url("../sources/projects/utuLounge/3.jpg");
  height: var(--portrait);
}
div#utu14{
  background: url("../sources/projects/utuLounge/4.jpg");
  height: var(--portrait);
}
div#utu15{
  background: url("../sources/projects/utuLounge/5.jpg");
  height: var(--portrait);
}
div#utu16{
  background: url("../sources/projects/utuLounge/6.jpg");
  height: var(--portrait);
}

div#utu1{
  background: url("../sources/projects/kafeUtu/1.jpg");
  height: var(--portrait);
}
div#utu2{
  background: url("../sources/projects/kafeUtu/2.jpg");
  height: var(--portrait);
}
div#utu3{
  background: url("../sources/projects/kafeUtu/3.jpg");
  height: var(--portrait);
}
div#utu4{
  background: url("../sources/projects/kafeUtu/4.jpg");
  height: var(--portrait);
}
div#utu5{
  background: url("../sources/projects/kafeUtu/5.jpg");
  height: var(--portrait);
}
div#utu6{
  background: url("../sources/projects/kafeUtu/6.jpg");
  height: var(--portrait);
}
div#utu7{
  background: url("../sources/projects/kafeUtu/7.jpg");
  height: var(--portrait);
}
div#utu8{
  background: url("../sources/projects/kafeUtu/8.jpg");
  height: var(--portrait);
}
div#utu9{
  background: url("../sources/projects/kafeUtu/9.jpg");
  height: var(--portrait);
}
div#utu10{
  background: url("../sources/projects/kafeUtu/10.jpg");
  height: var(--portrait);
}

div#koko1{
  background: url("../sources/projects/kafeKoko/koko1.jpg");
  height: var(--portrait);
}
div#koko2{
  background: url("../sources/projects/kafeKoko/koko2.jpg");
  height: var(--portrait);
}
div#koko3{
  background: url("../sources/projects/kafeKoko/koko3.jpg");
  height: var(--portrait);
}
div#koko4{
  background: url("../sources/projects/kafeKoko/koko4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#koko5{
  background: url("../sources/projects/kafeKoko/koko5.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#koko6{
  background: url("../sources/projects/kafeKoko/koko6.jpg");
  height: var(--portrait);
}
div#koko7{
  background: url("../sources/projects/kafeKoko/koko7.jpg");
  height: var(--portrait);
}
div#koko8{
  background: url("../sources/projects/kafeKoko/koko8.jpg");
  height: var(--portrait);
}
div#koko9{
  background: url("../sources/projects/kafeKoko/koko9.jpg");
  height: var(--portrait);
}

div#jethwa1{
  background: url("../sources/projects/jethwaResidence/1.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#jethwa2{
  background: url("../sources/projects/jethwaResidence/2.jpg");
  height: var(--portrait);
}
div#jethwa3{
  background: url("../sources/projects/jethwaResidence/3.jpg");
  height: var(--portrait);
}
div#jethwa4{
  background: url("../sources/projects/jethwaResidence/4.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#jethwa5{
  background: url("../sources/projects/jethwaResidence/5.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#jethwa6{
  background: url("../sources/projects/jethwaResidence/6.jpg");
  height: var(--portrait);
}
div#jethwa7{
  background: url("../sources/projects/jethwaResidence/7.jpg");
  height: var(--portrait);
}
div#jethwa8{
  background: url("../sources/projects/jethwaResidence/8.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#jethwa9{
  background: url("../sources/projects/jethwaResidence/9.jpg");
  height: var(--portrait);
}

div#ramji1{
  background: url("../sources/projects/ramjiResidence/1.jpg");
  background-position: center;
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ramji2{
  background: url("../sources/projects/ramjiResidence/2.jpg");
  height: var(--portrait);
}
div#ramji3{
  background: url("../sources/projects/ramjiResidence/3.jpg");
  height: var(--portrait);
}
div#ramji4{
  background: url("../sources/projects/ramjiResidence/4.jpg");
  height: var(--portrait);
}
div#ramji5{
  background: url("../sources/projects/ramjiResidence/5.jpg");
  height: var(--portrait);
}
div#ramji6{
  background: url("../sources/projects/ramjiResidence/6.jpg");
  height: var(--portrait);
}
div#ramji7{
  background: url("../sources/projects/ramjiResidence/7.jpg");
  height: var(--portrait);
}
div#ramji8{
  background: url("../sources/projects/ramjiResidence/8.jpg");
  height: var(--portrait);
}
div#ramji9{
  background: url("../sources/projects/ramjiResidence/9.jpg");
  height: var(--portrait);
}
div#ramji10{
  background: url("../sources/projects/ramjiResidence/10.jpg");
  height: var(--portrait);
}
div#ramji11{
  background: url("../sources/projects/ramjiResidence/11.jpg");
  height: var(--portrait);
}
div#ramji12{
  background: url("../sources/projects/ramjiResidence/12.jpg");
  height: var(--portrait);
}

div#ankoleKili1{
  background: url("../sources/projects/ankoleGrillKilimani/ankole1.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili2{
  background: url("../sources/projects/ankoleGrillKilimani/ankole2.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili3{
  background: url("../sources/projects/ankoleGrillKilimani/ankole3.jpg");
  height: var(--portrait);
}
div#ankoleKili4{
  background: url("../sources/projects/ankoleGrillKilimani/ankole4.jpg");
  height: var(--portrait);
}
div#ankoleKili5{
  background: url("../sources/projects/ankoleGrillKilimani/ankole5.jpg");
  height: var(--square);
}
div#ankoleKili6{
  background: url("../sources/projects/ankoleGrillKilimani/ankole6.jpg");
  height: var(--portrait);
}
div#ankoleKili7{
  background: url("../sources/projects/ankoleGrillKilimani/ankole7.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili8{
  background: url("../sources/projects/ankoleGrillKilimani/ankole8.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili9{
  background: url("../sources/projects/ankoleGrillKilimani/ankole9.jpg");
  height: var(--portrait);
}
div#ankoleKili10{
  background: url("../sources/projects/ankoleGrillKilimani/ankole10.jpg");
  height: var(--portrait);
}
div#ankoleKili11{
  background: url("../sources/projects/ankoleGrillKilimani/ankole11.jpg");
  height: var(--portrait);
}
div#ankoleKili12{
  background: url("../sources/projects/ankoleGrillKilimani/ankole12.jpg");
  height: var(--portrait);
}
div#ankoleKili13{
  background: url("../sources/projects/ankoleGrillKilimani/ankole13.jpg");
  height: var(--portrait);
}
div#ankoleKili14{
  background: url("../sources/projects/ankoleGrillKilimani/ankole14.jpg");
  height: var(--portrait);
}
div#ankoleKili15{
  background: url("../sources/projects/ankoleGrillKilimani/ankole15.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili16{
  background: url("../sources/projects/ankoleGrillKilimani/ankole16.jpg");
  height: var(--portrait);
}
div#ankoleKili17{
  background: url("../sources/projects/ankoleGrillKilimani/ankole17.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili18{
  background: url("../sources/projects/ankoleGrillKilimani/ankole18.jpg");
  height: var(--portrait);
}
div#ankoleKili19{
  background: url("../sources/projects/ankoleGrillKilimani/ankole19.jpg");
  height: var(--portrait);
}
div#ankoleKili20{
  background: url("../sources/projects/ankoleGrillKilimani/ankole20.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}
div#ankoleKili21{
  background: url("../sources/projects/ankoleGrillKilimani/ankole21.jpg");
  height: var(--landscapeHeight);
  width: var(--landscapeWidth);
}

div#angama2{
	background-image: url("../sources/projects/angamaMara/2.jpg");
  height: var(--portrait);
}
div#angama3{
	background-image: url("../sources/projects/angamaMara/3.jpg");
  height: var(--portrait);
}
div#angama4{
	background-image: url("../sources/projects/angamaMara/4.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight22);
}
div#angamaMap1{
	background-image: url("../sources/projects/angamaMara/map1.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight22);
}
div#angamaMap2{
	background-image: url("../sources/projects/angamaMara/map2.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}
div#angamaMap3{
	background-image: url("../sources/projects/angamaMara/map3.jpg");
  width: var(--landscapeWidth);
  height: var(--landscapeHeight);
}