/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
body {
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.7em;
  color: #7B7064;
  background: #524D46; }

a {
  color: #CC2B5A;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a:hover {
  color: #8e837b;
  text-decoration:None;
  }

a:active {
  color: #524d45; }

p {
  margin: 0 0 0 0; }

h2 h3 h4 {
  margin: 0 0 0 0; }
  
  
.example_a {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #ed3330;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
}

.example_a:hover {
background: #434343;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}  
  
  


/* Push Transition | Logo desktop/tablet */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*-----------------*/
/***** Image hover effect featured work *****/
/*-----------------*/

.gridfeatured {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0em 0 0em;
	max-height:auto;
	height:auto;
	width:auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.gridfeatured figure {
	position: relative;
	box-shadow: 0 4px 2px -2px rgba(80,77,69,0.4);
	float: left;
	overflow: hidden;
	margin-top: 24px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 84px;
	max-height: auto;
	width:100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	padding:0;
}

.gridfeatured figure img {
	position: relative;
	display: block;
	min-height: auto;
	max-width: 100%;
	opacity: 0.8;
}

.gridfeatured figure figcaption {
	color: #fff;
	text-transform: None;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.gridfeatured figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.gridfeatured figure figcaption,
.gridfeatured figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.gridfeatured figure figcaption > a {
	z-index: 1000;
	text-indent: 150%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.gridfeatured figure h2 {
	font-size:3.5em;
	text-transform:uppercase;
	letter-spacing:0.25em;
	font-weight: normal;
	font-style: normal;
	letter-spacing:0.05em;
	color:rgba(82,78,69,0.8);
	background-color:rgba(255,255,255,0.95);
}


.gridfeatured figure h2,
.gridfeatured figure p {
	margin: 0;
	line-height:1.5em;
	padding:0.8em;
}

.gridfeatured figure p {
	font-weight: normal;
	font-style: normal;
	font-size:380%;
	line-height:1.3em;

}


/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah2 {
	  background-color: rgba(82,78,69,0.6);
}

figure.effect-sarah2 img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 10px);
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah2:hover img {
	opacity: 0.1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah2 figcaption {
	text-align: left;
}

figure.effect-sarah2 h2 {
	position: relative;
	overflow: hidden;
	letter-spacing:0.09em;
	padding-left: 1em;
	font-size:1.5em;
}



/* Dunne lijntje dat bij mouse-over inschuift, staat nu op height: 0px*/
figure.effect-sarah2 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #000;
	content: '';
	-webkit-transition: -webkit-transform 0.55s;
	transition: transform 0.55s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}



figure.effect-sarah2:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}

figure.effect-sarah2 p {
	padding-left: 1em;
	padding-top: 1em;
	opacity: 0;
	font-size:200%;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.figure.effect-sarah2 p{
	padding-left: 1em;
	padding-top: 1em;
	opacity: 0;
	font-size:490%;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}


figure.effect-sarah2:hover p {
	opacity: 1;
	font-weight: normal;
	font-style: normal;
	line-height:1.8em;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}








/*-----------------*/
/***** Image hover effect small *****/
/*-----------------*/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0em 0 0em;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	box-shadow: 0 4px 2px -2px rgba(81,78,70,0.2);
	overflow: hidden;
	margin: 10px 1%;
	max-height: auto;
	width:100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;

}

.grid figure img {
	position: relative;
	display: block;
	min-height: auto;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	color: #fff;
	text-transform: None;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:0.25em;
	font-weight: normal;
	font-style: normal;
	letter-spacing:0.05em;
	color:rgba(82,78,69,0.8);
	background-color:rgba(255,255,255,0.95);
}


.grid figure h2,
.grid figure p {
	margin: 0;
	line-height:1.5em;
	padding:1em;
}

.grid figure p {
	font-weight: normal;
	font-style: normal;
	font-size:0.9em;
	line-height:1.3em;

}


/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	  background-color: rgba(82,78,69,0.3);
	  
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 10px);
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	letter-spacing:0.09em;
	padding-left: 1em;
	font-size:1em;
}



/* Dunne lijntje dat bij mouse-over inschuift, staat nu op height: 0px*/
figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #000;
	content: '';
	-webkit-transition: -webkit-transform 0.55s;
	transition: transform 0.55s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}



figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}

figure.effect-sarah p {
	padding-left: 22%;
	padding-top:24%;
	opacity: 0;
	font-size:190%;
	width:60%;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.figure.effect-sarah p{
	padding-left: 1em;
	padding-top: 1em;
	opacity: 0;
	font-size:190%;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}


figure.effect-sarah:hover p {
	opacity: 1;
	font-weight: normal;
	font-style: normal;
	line-height:1.8em;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}






/* 2D TRANSITIONS | WORK INDEX PAGE*/
/*
.button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: None;
  text-decoration: none;
  display: inline-block;
  z-index:1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*/

/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  line-height:1.8em;
}

td, th {
  padding: 1em; }
  
td { 
border-bottom: 2px solid #D4CEC4; 
border-top: 2px solid #D4CEC4;
padding-top:0.2em;
padding-bottom:0.5em;
}

th{ 
border-bottom: 2px solid #D4CEC4; 
border-top: 2px solid #D4CEC4;
padding-top:0.2em;
padding-bottom:0.5em;
}

ul {
  display: block;
  list-style-type: none;
  padding-left: 14px;
  margin: 0px; }

ul li {
  padding-left: 14px; }

input, textarea, select {
  padding: 0.4em 0.4em 0.4em 0.4em;
  font-size: 1.3em;
  line-height: 1em;
  width: 95%;
  color: #8e837b;
   border: none;
  background: #fff;
  background: #bab8b2; 
    -webkit-appearance: none; }


.verify{
position: absolute;
left:-9999em;
}



 .contactform-alert  {
    color:#F48641;
  	font-style:italic;
  	line-height:1.5em;
  	padding-top:0.3em;
  	padding-bottom:0.3em;
  	-webkit-appearance: none;
   }
   
textarea {
  color: #524d45;
  height: 65px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(0.05, white)); 
    -webkit-appearance: none; }


select {
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: #bab8b2;
    -webkit-appearance: none; }

input[type=text] {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaaaaa), color-stop(0.12, white)); 
    -webkit-appearance: none; 
  margin-bottom:1em;
    
    }



input[type=submit] {
  width: auto;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
  background: #7CA3DE;
  margin-top: 1em;
  margin-bottom: 3em;
  margin-left: 0;
  padding: 0.25em 1em;
  line-height: 1.5em; 
  -webkit-appearance: none;
moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #7CA3DE;  }
  
 input[type="submit"]:hover{
    color:white;
    background: #534E36;
     border: 2px solid #534E36;

}


/* ============================== */
/* ! Header   */
/* ============================== */
.header {
  background: #fff;
  margin: 0;
  padding: 0;
  height: 52px; }

.title {
  font-size: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0;
  height: 52px;
  text-transform: uppercase; }
  

.header .logo {
  width: 120px;
  height: 152px;
  margin-top: 12px; }
  
  
.top .subtitle {
  color: #fff;
  font-style:Normal;
  font-weight:Normal;
  text-transform: uppercase; 
  letter-spacing:0.20em;
  margin-top: 1.1em;
  margin-bottom: 0.5em;
  padding: 0; }

.top .logo {
  height: 74px;
  width: 59px;
  margin-top: 0px;
  margin-bottom: 0.8em;
  padding-right: 2px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);}

.navigationsub .logo img {
  -webkit-box-shadow: 0 4px 10px 2px #333;
  -moz-box-shadow: 0 4px 10px 2px #333;
  box-shadow: 0 4px 10px 2px #333; }

/* ================================== */
/* ! styling chirp.js tweets    */
/* ================================== */
.chirp {
  margin: 0;
  padding: 0; }

.chirp p {
  color: #524d45;
  margin: 0;
  padding: 0; }

.meta {
  font-size: 0.7em;
  margin-bottom: 4em;
  padding-bottom: 2em; }



/* ============================== */
/* ! mainContent   */
/* ============================== */
.mainContent {
  background: #EEEEEC;
  z-index:1;
  margin-top:0em;
  padding-top: 9em;
  padding-bottom: 3em;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  }
  


.mainContent .row {
  margin-top: 0em;
  margin-bottom: 0.5em; }
  
  
.mainContent .workitem img {
  display:block;
  margin:0m;
  padding-bottom:4em;
  padding-top:0.7em;
  }


img.center {
    display: block;
    margin: 0 auto;
}



.mainContent .title {
  font-size: 2.4em;
  height:auto;
  text-transform:None;
  font-weight: normal;
  font-style:italic;
  line-height: 1.4em;
  color: #84796F;
  padding:0;
  margin-top: 1.5em;
  margin-bottom: 1.6em; }

.mainContent h1 {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1.4em;
  color: #7B7064;
  padding-left:0em;
  padding-right:0em;
  margin-top: 0.7em;
  margin-bottom: 0.7em; }

.mainContent h2 {
  font-size: 2.1em;
  font-weight: normal;
  line-height: 1.5em;
  color: #A9A1A2;
  margin-top: 0.5em;
  margin-bottom: 0.7em; }

.mainContent h3 {
  color: #6C6155;
  font-weight: Normal;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-size: 1.4em;
  line-height: 1.6em; }

.mainContent .leadtext {
  color: #8e837b;
  font-weight: normal;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-size: 1.9em;
  line-height: 1.6em; }

.mainContent h4 {
  line-height: 1.3em;
  font-weight:normal;
  font-size:1em;
  color: #8E837B;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  margin-top: 0.2em;

  }
  
  
 .mainContent h5, h6 {

font-size:0.9em;
font-weight:Normal;
line-height:1.4em;
margin-bottom:1em;
margin-top:0.5em;


}

.mainContent img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0em 0em 0em 0em;

}

.mainContent a: {
  color: #FF7331;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }


.mainContent a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #534E47;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }




/* ============================== */
/* ! panorama image top   */
/* ============================== */
.imageheader {
  width: auto;
  height: 90px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 auto; }

.imageheader img {
  height: 100%;
  width: auto; }

/* ============================== */
/* ! Navigation top   */
/* ============================== */
.top {
  font-style: normal;
  z-index:1000;
  position: fixed;
  display: block;
  width:100%;
  height: 60px;
  margin:0;
  color: #bab8b2;
  letter-spacing: 0.10em;
  line-height: 1.4em; 
  background: #8E837B;
  background-color: rgba(82,78,69,0.7);
  padding-top: 0.8em; 
  
  }
  
 .menu{
   font-style: normal;
  position: relative;
  display: block;
   height: 48px;
   text-align:right;
  letter-spacing: 0.14em;
  margin:0;
  padding-top: 1em;
  padding-right:1em;}


.menu a {
  color: #bab8b2;
  text-transform: uppercase;
  font-size: 0.9em;
  text-decoration: none;
  padding:4px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.menu  a:hover {
  color: white;
  text-decoration: none;
  padding:4px;
  }


.menu  .current {
  color:#fff;
  text-decoration: none;
  padding:4px;
 }
    
.top a:active {
  color: white;
  text-decoration: none; }

.top menu a:active {
  color: white;
  text-decoration: none; }

/* ============================== */
/* ! Mobile Navigation   */
/* ============================== */
.mobilenavigation {
  color:#ffffff;
  font-style: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  height: 126px;
  background: None;
  line-height: 1.6em;
  display: none; 
  padding-top: 0.6em; 
  margin-top:0;}

#menu-icon {
  color: #efeeed;
  height: 26px;
  width: 44px;
  background: None;
  padding: 3px 6px 0 0px;
  cursor: pointer;
  display: none; }

#nav {
  clear: both;
  position: absolute;
  top: 26px;
  z-index: 10000;
  padding: 5px;
  background: #F8F8F8;
  display: none; }

/* ============================== */
/* ! Navigation main   */
/* ============================== */
.navigation {
  font-size: 1em;
  color: #d7d4d2;
  font-style: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 3em;
  height: 14px;
  background: #efeeed; }

.navigation a {
  color: #8e837b;
  text-decoration: none;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }

.navigation a:hover {
  color: #49bd65;
  text-decoration: none;
  height: 24px; }
  
.navigation .current {
  color: #000;
  text-decoration: none;
  height: 24px; }

/* ============================== */
/* ! Navigation sub   */
/* ============================== */
.navigationsub {
  padding: 0px;
  margin: 0px;
  position: relative;
  display: block;
  height: 38px;
  background-image: linear-gradient(left, #d5d5d5 35%, #f8f8f8 82%);
  background-image: -o-linear-gradient(left, #d5d5d5 35%, #f8f8f8 82%);
  background-image: -moz-linear-gradient(left, #d5d5d5 35%, #f8f8f8 82%);
  background-image: -webkit-linear-gradient(left, #d5d5d5 35%, #f8f8f8 82%);
  background-image: -ms-linear-gradient(left, #d5d5d5 35%, #f8f8f8 82%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.35, #d5d5d5), color-stop(0.82, #f8f8f8));
  -webkit-box-shadow: 0px 4px 10px -2px #333333;
  box-shadow: 0px 4px 10px -2px #333333; }

.navigationsub a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.navigationsub a:hover {
  color: #F49728;
  text-decoration: none; }

/* ============================== */
/* ! Footer   */
/* ============================== */
.footer {
  color: #8e837b;
font-size:1.1em;
line-height:1.6em;
  margin: 0;
  padding-top: 2em;
  padding-bottom: 2em;
  background: #524d45; }

.footer a {
  color: #bab8b2; }

.footer a:hover {
  color: #d7d4d2; }

.footer h2 {
  color: #8e837b;
  line-height: 1.3em;
  padding-bottom: 0.8em; }

#resize {
  position: fixed;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  margin: 0px; }

.columns .onecol {
  background: #5bd698 url(/web/20231222005217im_/http://www.kirstenlangmuur.com/assets/img/downloadbg.png);
  height: 20px; }

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
  body {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px; }

  .top {
    display: None; }
 
 figure.effect-sarah img {
	 transition: None;;
}


 
  .imageheader {
    position: inherit;
    width: 100%;
    height: 60px; }

  .imageheader img {
    min-height: 100%;
    width: auto; }

  .header {
    position: inherit;
    width: 100%;
    height: 2px; }


    

  .tools {
    display: None; }

  /* MOBILE NAVIGATION */
  .mobilenavigation {
    font-size:0.8em;
    display: block;
    position:fixed;
    z-index:1000;
    top:0;
    font-size: 1.2em;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    padding-top: 0.5em; 
    letter-spacing: 0.15em;
    background: #8E837B;
  background-color: rgba(82,78,69,0.8);
  }

  #menu-icon {
    color: #efeeed;
    font-size:0.70em;
    width: 44px;
    height: 20px;
    margin: 0px auto;
    top: 0px;
    left: 0px;
    background: None;
    padding: 5px 0px 0 0px;
    cursor: pointer;
    }

  #menu-icon a:hover {
    color: #000;
    background: #333333; }

  /* mobile navigation after menu click */
  #nav {
    position: absolute;
    top: 51px;
    left: 0px;
    width: 100%;
    z-index: 900;
    padding: 0px;
    margin: 0px;
    display: none; }

  ul#nav {
    width: 100%;
    list-style-type: None;
    margin: 0px;
    padding-left: 0px;
    padding-top: 0px;
    z-index: 10;
    background-color: #bab8b2; }

  ul#nav li {
    font-size: 13px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #524d45;
    border-bottom: solid 1px #fff;
    margin: 0;
    z-index: 900;
    text-align:center;
    padding-left: 0px;
    padding-top: 16px;
    display: list-item; }

  ul#nav a {
    width: 100%;
    color: #FFF;
    margin: 0px;
    padding-top: 12px;
    padding-left: 0px;
    height: 40px;
    text-decoration: none;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out; }

  ul#nav a:hover {
    color: white;
    width: 100%;
    margin: 0px;
    padding-top: 16px;
    height: 40px;
    text-decoration: none;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out; }

  .mobilenavigation .logo {
  	display:display;
    color: #bab8b2;
    float: right;
    height: 94px;
    width: 70%;
    margin-top: 0.2em;
    margin-bottom: 1em;
    padding-right: 2em;
    z-index:4000;
    }
    
.mobilenavigation .logo img {
    width: 2.8em;
     margin-top: 0;
    margin-bottom: 1em;
    padding-right: 0;
    z-index:4000;

    }


  /* NAVIGATION */
  .navigation {
    display: None; }

  .navigation div.twocol {
    padding-left: 2em;
    margin: 0px;
    border-top: solid 2px #E1E2E2; }

  .navigationsub {
    font-size: 0.9em;
    line-height: 1.4em;
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    margin-top: 0px; }

  /* drop-down selection menu */
  .styled-select select {
    width: 100%;
    float: left;
    margin-top: 12px;
    letter-spacing: 0.09em;
    text-transform: uppercase; }

  .styled-select {
    font-size: 0.9em;
    letter-spacing: 0.09em;
    text-transform: uppercase; }

  /* mainContent */
  .mainContent {
   margin-top:0em;
    font-size: 100%;
    line-height:1.6em;
    padding-top: 6em;
    padding-bottom: 2em; }
    
    
 .mainContent .workitem img {
  display:block;
  margin:0m;
  padding-bottom:6em;
  padding-top:0em;
  }
   
   .mainContent .title {
  font-size: 1.7em;
  text-transform:None;
  height:auto;
  font-weight: normal;
  font-style:italic;
  line-height: 1.4em;
  color: #8e837b;
  padding:0;
  margin-top: 1.5em;
  margin-bottom: 2em; }

  .mainContent h1 {
    font-size: 1.4em;
    line-height: 1.5em;
    color: #7B7064;
    margin-top: 1em;
    margin-bottom: 0.8em; }

  .mainContent h2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6em;
    color: #8e837b;
    font-weight: Normal;
    margin-top: 0.5em;
    margin-bottom: 0.7em;
    padding:0;}

  .mainContent h3 {
    color: #534E46;
    font-weight: Normal;
    margin-top: 0.4em;
    margin-bottom: 0.6em;
    font-size: 1em;
    line-height: 1.7em; }

  .mainContent h4 {
    font-size: 0.8em;
    letter-spacing: 0.08em;
    line-height: 1.4em;
    color: #534E36;
    text-transform: uppercase;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    padding: 0; }

 
  .footer {
    padding-top: 2em; }


    
    }
    
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .header .logo {
    background: url(/web/20231222005217im_/http://www.kirstenlangmuur.com/assets/img/logo@2x.jpg) no-repeat;
    background-size: 212px 303px; } }
/* _reset.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figure, img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block; }

a img {
  border: 0; }




/* _columns.scss */
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container {
  padding-left: 6px;
  padding-right: 6px; }

.row {
  width: 100%;
  max-width: 1640px;
  min-width: 755px;
  margin-top: 0 auto;
  overflow: hidden; }
  
  


.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-right: 0.8%;
  float: left;
  min-height: 1px;
  }

.row .onecol {
  width: 4.85%; }

.row .twocol {
  width: 13.45%; }

.row .threecol {
  width: 22.00%; }

.row .fourcol {
  width: 30.55%;
  }

.row .fivecol {
  width: 39.45%; }

.row .sixcol {
  width: 48%; }

.row .sevencol {
  width: 56.75%;
  }

.row .eightcol {
  width: 65.4%; }

.row .ninecol {
  width: 74.05%; }

.row .tencol {
  width: 82.7%; }

.row .elevencol {
  width: 91.35%; }

.row .twelvecol {
  width: 100%;
  float: left;
  border-bottom: solid 2px #C0BDB7; 
  }

.mobilenavigation .row .twelvecol {
  width: 100%;
  float: left;
  border-bottom: None; }


.last {
  margin-right: 0px; }

img, object, embed {
  max-width: 100%; }

img {
  max-width: 100%;
  height: auto; }

/* Smaller screens */
@media only screen and (max-width: 1223px) {
  body {
    font-size: 1em;
    line-height: 1.5em; } }
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    -webkit-text-size-adjust: none; }
    
    
  .mainContent img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0em 0em 0em 0em;

}  
    

  .row, body, .container, .top, .header, .navigation, .mobilenavigation, .navigationsub, .mainContent, .footer {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  .row .onecol, .row .twocol, .row .navigation, .row mobilenavigation, .row .navigationsub, .row .header, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; } }
/* <!--xierpa:scss/--> */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figure img, figure, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block; }


a img {
  border: 0; }

figure img {
  width: 100%; }

ul {
  display: block;
  list-style-type: none;
  padding: 0px;
  margin: 0px; }

ul li {
  padding-left: 14px; }

/* styled drop-down selection menu */
.styled-select select {
  background: transparent;
  text-transform: uppercase;
  color: #666;
  width: 160px;
  margin-top: 0.5em;
  font-size: 1em;
  border: None;
  height: 24px; }

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.container {
  padding-left: 90px;
  padding-right: 90px; }

.row {
  width: 100%;
  max-width: 1340px;
  min-width: 755px;
  margin: 0 auto;
  overflow: hidden; }

.onecol, .twocol, .threecol, .fourcol, .fivecol, .fivecoltop, .sevencoltop, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-right: 1.8%;
  float: left;
  min-height: 1px; }

.row .onecol {
  width: 4.85%; }

.row .twocol {
  width: 13.45%; }

.row .threecol {
  width: 22.00%; }

.row .fourcol {
  width: 31.95%; }

.row .fivecol {
  width: 39.45%; }

.row .sixcol {
  width: 48%; }

.row .sevencoltop {
  width: 46%; }
  
.row .fivecoltop {
  width: 44%; }


.row .sevencol {
  width: 56.75%; }

.row .eightcol {
  width: 65.4%; }

.row .ninecol {
  width: 74.05%; }

.row .tencol {
  width: 82.7%; }

.row .elevencol {
  width: 91.35%; }

.row .twelvecol {
  width: 100%;
  float: left; }

.last {
  margin-right: 0px; }

img, object, embed {
  max-width: 100%; 
  }

img {
  max-width: 100%;
  height: auto; 
  }

/* Smaller screens */
@media only screen and (max-width: 1323px) {
  body {
    font-size: 13px;
    line-height: 20px; } 
  .mainContent img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 0em 0em 0em 0em;

}
    
    
    
    }
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
    -webkit-text-size-adjust: none; }


.row .twelvecol {
  width: 100%;
  float: left;
  border-bottom: solid 1px #7B7064; 
  } 
  
 
 .subtitle {
 	font-size:0.7em;
 	color: #BFBBBE;
 	margin:0 auto;
 	padding-top:0.1em;
 	padding-left:0em;
 	padding-right:0;
 	margin-left:0;
 	float:left;
 	display:inline-block;}
 

 
 #nav-wrap    {
  display:inline-block;
 }
 

.gridfeatured figure p {
	font-weight: normal;
	font-style: normal;
	font-size:130%;
	line-height:1.3em;

}


.gridfeatured figure p{

height:auto;
max-height:auto;
}




.grid figure p {
 display:None;
}

  /* styled drop-down selection menu */
  .styled-select select {
    width: 114px;
    font-size: 1.1em;
    margin-left: 1em;
    margin-top: 1em; }

  #menu-icon {
    color: #efeeed;
    width: 56px;
    height: 26px;
    background: None;
    margin: 0px;
    cursor: pointer;
    display: inline-block; }

  .header {
    position: inherit;
    width: 100%;
    height: 2px; }

  .row, body, .container, .top, .imageheader, .header, .mainContent, .footer {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  .row .onecol, .row .twocol, .row .imageheader, .row .navigation, .row .mobilenavigation, .row .navigationsub, .row .header, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0.5em;
    margin-right: 1em;
    padding-left: 0.5em;
    padding-right: 1em;
    }
    


  /* styled drop-down selection menu */ }

/*
     FILE ARCHIVED ON 00:52:17 Dec 22, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:50:59 Sep 24, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.836
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.04
  esindex: 0.022
  cdx.remote: 227.327
  LoadShardBlock: 136.522 (3)
  PetaboxLoader3.datanode: 80.334 (4)
  PetaboxLoader3.resolve: 107.544 (2)
  load_resource: 74.364
*/