* {

 	margin: 0;
 	padding: 0;
  	box-sizing: border-box;
}
body {
	background-color: #FFF;

}

a:link {
	color: orange;
	text-decoration: none;
}
a:visited {
	color: orange;
	text-decoration: none;
}
a:hover {
	color: green;
	text-decoration: none;
}

a:active {
	color: orange;
	text-decoration: none;
}

/* COOKIES SIGN */

#title0{
	position: fixed;
	cursor: pointer;
	font-family: 'Lato', sans-serif;
  font-weight:300;
	font-style: normal;
	font-size: 1.1rem;
	letter-spacing: .05rem;
	line-height: 1.5rem;
	color: #ffffff;
	background-color: #000000;
	width: 340px;
	height: 140px;
	top: 0px;
	margin-top: 45vh;
	margin-left: 5%;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 40px;
	border-radius: 3px;
	opacity: .6;
	z-index: 21;
  display: none; }
body:not(.cookieconsent) #title0 {
    display: block;
}

/* END OF COOKIES SIGN */



.kessler-logo {
  width: 7rem;
	opacity:.5;
	padding-top:5rem;
	float:right;
	margin-right: 5%;

}


.header-logo {
  width: 15.3rem;
  padding-top: 70px;
	margin-left: 5%;
	margin-bottom: 100px;
}


.surtitle {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 2rem;
	line-height: 2rem;
  font-style: normal;
  color:#333333;
	padding-top: 70px;
	margin-left: 5%;
	margin-bottom: 100px;

}


.headline1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 4.5rem;
	line-height: 3.8rem;
  font-style: normal;
  color:#333333;
	padding-top:12px;
  margin-right:15%;
	margin-left: 5%;
	margin-bottom: 50px;
  animation: fadeInAnimation ease 1s;

}

.headline2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 3.5rem;
	line-height: 3.3rem;
  font-style: normal;
  color:#333333;
	padding-top: 0px;
  margin-right:15%;
	margin-left: 5%;
	margin-bottom: 50px;

}


@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){

    .surtitle {font-size: 1.6rem; line-height: 1.6rem; padding-top: 20px; margin-bottom: 75px;}
  .headline1 {font-size:4rem;line-height: 3.3rem; padding-top:0px;}
  .kessler-logo {width: 5rem; padding-top:25px;}
  .headline2 {font-size: 3rem; line-height: 3rem; margin-bottom: 30px;}
  .header-logo {width: 12.5rem; padding-top: 20px; margin-bottom: 75px;}



  }




/*UNIVERSAL hero items*/


.universalItem img {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 80vh;
  padding-top: 2.5%;
  padding-bottom: 4%;
    animation: fadeInAnimation ease 3s;

}

.universalItem video {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 80vh;
  padding-top: 2.5%;
  padding-bottom: 4%;
    animation: fadeInAnimation ease 3s;

}


.universalItemTall img {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 85vh;
  padding-top:1%;
  padding-bottom: 3%;
    animation: fadeInAnimation ease 3s;

}

.closeupItemTall img {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 90vh;
  padding-top: 1%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}

.closeupItemTall video {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 90vh;
  padding-top: 1%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}


/*.universalItem img {
    max-width: 95vw;
    max-height: 85vh;
  padding-left:5%;
  padding-top: 2%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 4s;

}*/

.universalCaption {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  line-height: 1.4rem;
  color: #333333;
	text-align: left;
  width: 60%;
  display:inline-block;
  animation: fadeInAnimation ease 2s;
  margin-left: 5%;


}

.universalNumber {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: .9rem;
  letter-spacing: .05rem;
  color:#666666;
	margin-top: 6px;
	padding-bottom: 70px;
  animation: fadeInAnimation ease 5s;
  margin-left: 5%;

}

#universalNote1 {
  font-family: "Lato", sans-serif;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note1 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote2 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note2 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote3 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note3 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote4 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note4 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote5 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note5 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote6 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note6 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote7 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note7 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote8 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note8 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;

}

#universalNote9 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note9 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote10 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note10 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote11 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note11 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote12 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note12 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote13 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note13 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote14 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note14 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote15 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note15 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote16 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note16 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote17 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note17 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote18 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note18 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote19 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note19 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote20 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note20 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote21 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note21 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote22 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note22 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote23 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note23 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote24 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note24 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote25 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note25 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote26 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note26 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote27 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note27 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote28 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note28 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote29 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note29 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote30 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note30 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote31 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note31 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote32 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note32 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote33 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note33 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote34 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note34 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote35 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note35 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote36 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note36 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote37 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note37 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote38 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note38 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote39 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note39 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote40 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note40 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote41 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note41 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote42 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note42 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote43 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note43 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote44 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note44 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote45 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note45 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote46 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note46 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote47 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note47 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote48 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note48 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote49 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note49 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote50 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note50 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote51 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note51 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote52 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note52 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote53 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note53 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}


#universalNote54 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note54 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote55 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note55 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote56 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note56 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote57 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note57 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote58 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note58 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote59 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note59 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote60 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note60 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

#universalNote61 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
line-height: 1rem;
  vertical-align: super;
  display: inline;
  cursor:pointer;
}

#note61 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  color:black;
  padding-top: 10%;
  padding-bottom:10%;
  margin-left: 0%;
  animation: fadeInAnimation ease 3s;
}

.universalNoteItem img {
    max-width: 90vw;
    max-height: 85vh;
  padding-left:;
  padding-top: 5%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}

.universalNoteItemWide img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    padding-top: 2.5%;
    padding-bottom: 4%;
    animation: fadeInAnimation ease 3s;

}



.universalNoteCaption {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  line-height: 1.4rem;
  animation: fadeInAnimation ease 2s;

}

.universalNoteNumber {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#666666;
  font-size: .9rem;
  letter-spacing:.05rem;
  margin-top:;
  animation: fadeInAnimation ease 5s;


}


@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
    .universalCaption {width: 90%; font-size: .85rem; line-height: 1.2rem;}
    .universalNumber {font-size: .8rem;}


  }



/* ENDS UNIVERSAL HERO*/


/* RESPONSIVE THUMBNAIL GALLERY - COLUMNS  */


.container {
    width: 100%;
    margin-left:;
    overflow: hidden;
		background-color:;
}

.column1 {
	float: left;
		width: 25%;
	  margin-top: 2%;
		margin-left: 5%;
		margin-right: 7%;
		margin-bottom: 50px;
		overflow: hidden;
		display: block !important;
    animation: fadeInAnimation ease 2s;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.column2 {
	float: left;
		width: 25%;
	  margin-top: 2%;
		margin-left: 0%;
		margin-right: 7%;
		margin-bottom: 50px;
		overflow: hidden;
		background-color: ;
      animation: fadeInAnimation ease 4s;
}

.column3 {
	float: left;
		width: 25%;
	  margin-top: 2%;
		margin-left: 0%;
		margin-right: 5%;
		margin-bottom: 50px;
		overflow: hidden;
		background-color: ;
      animation: fadeInAnimation ease 6s;
}

.column4 {
	float: left;
	  margin-top: 2%;
		margin-left: 5%;
		margin-right: 6%;
		margin-bottom: 50px;
		overflow: hidden;
		display: none !important;
}

.column5 {
	float: left;
	  margin-top: 2%;
		margin-left: 0%;
		margin-right: 0%;
		margin-bottom: 50px;
		overflow: hidden;
		display: none !important;
}

.columnA {
	float: left;
	  margin-top: 2%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 50px;
		overflow: hidden;
		display: none !important;
}

.columnB {
	float: left;
	  margin-top: 2%;
		margin-left: 0%;
		margin-right: 0%;
		margin-bottom: 50px;
		overflow: hidden;
		display: none !important;
}


.column6 {
	float: left;
	  margin-top: 2%;
		margin-left: 5%;
		margin-right: 0%;
		margin-bottom: 50px;
		overflow: hidden;
		display: none !important;
    animation: fadeInAnimation ease 3s;
    background-color:;
}




.galleryItem img {
    max-width: 100%;
		-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}



.galleryCaption {
	font-family: "Cormorant Garamond", serif;
	font-weight: 300;
	color:#333333;
	font-size: 1.4rem;
  letter-spacing: -0.1px;
	line-height: 1.5rem;
	font-style: normal;
	margin-top: 15px;
	text-align: left;
  display:inline-block;
  animation: fadeInAnimation ease 2s;


}

.galleryNumber {
 font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: .95rem;
  letter-spacing: .05rem;
  color:#666666;
	margin-top: 6px;
	padding-bottom: 70px;
  animation: fadeInAnimation ease 5s;

}


.galleryNoCaption {
	padding-bottom: 70px;


}

.menuSans {
  font-family: "Lato", sans-serif;
  font-weight: 300;
	font-size: .8em;
  letter-spacing: .05rem;
  color:#666666;
	margin-top: 20px;
	padding-bottom: 5px;
  text-transform: uppercase;

}

/*.menuSans {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
	font-size: 1.05em;
  letter-spacing: .05rem;
  color:#666666;
	margin-top: 20px;
	padding-bottom: 5px;


}*/

.menuSerif {
	font-family: "Cormorant Garamond", serif;
	font-weight: 300;
	color:#333333;
	font-size: 2rem;
  letter-spacing:px;
	line-height: 2.2rem;
	font-style: normal;
	margin-top: 0px;
	text-align: left;
  padding-bottom: 70px;
  display:inline-block;


}


/* MEDIA QUERIES*/

@media only screen and (max-width : 1020px),
only screen and (max-device-width : 1020px){
    .column1 {display: none !important;}
    .column2 {display: none !important;}
    .column3 {display: none !important;}
    .column4 {width: 42%; display: block !important;}
    .column5 {width: 42%; display: block !important;}
    .columnA {width: 42%; display: block !important;}
    .columnB {width: 42%; display: block !important;}

}

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
    .column1 {display: none !important;}
    .column2 {display: none !important;}
    .column3 {display: none !important;}
      .columnA {display: none !important;}
        .columnB {display: none !important;}
    .column6 {width: 90%; display: block !important;}
    .galleryCaption {width: 90%; font-size: 1.2rem; margin-top: 10px;}
    .galleryNumber {font-size: .8rem;}



  }







/* ENDS THUMBNAILS*/


/* ARTWORK PAGE*/




.number {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: .05rem;
  color:#666666;
	margin-left: 5.2%;
	padding-top:0px;
	margin-bottom:10px;
  animation: fadeInAnimation ease 0s;

}



.title {
	font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 2.8rem;
	line-height: 2.8rem;
  font-style: normal;
	margin-left: 5%;
  max-width: 85%;
	margin-top: 0px;
	margin-bottom:10px;
  animation: fadeInAnimation ease 2s;


}



.infoBlock {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: .75em;
  color:#666666;
	line-height: 1.7rem;
  letter-spacing: .07rem;
	margin-left: 5.1%;
	margin-top:10px;
	margin-bottom:90px;
  text-transform: uppercase;
  width:50%;
}


.storySerif {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
	font-size: 1.7rem;
	line-height: 2.2rem;
  color:#333333;
  font-style: normal;
	width: 45%;
	padding-top: 0px;
	margin-left: 5%;
	padding-bottom: 50px;
  background-color: ;

}


.catalogueFooter {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 1.7rem;
	line-height: 1.7rem;
  font-style: normal;
  color:#333333;
	padding-top: 50px;
	margin-left: 5%;
	margin-bottom: 30px;

}


.spacer100 {
  width: 100%;
	margin-bottom:100px;
}

.spacer150 {
  width: 100%;
	margin-bottom:150px;
}

.spacer25 {
  width: 100%;
	margin-bottom:25px;
}


.spacer50 {
  width: 100%;
	margin-bottom:50px;
}


@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
  .universalTitle {font-size: 1.7rem;margin-bottom: 30px;}
 .universalItemTall img {width: 75vw; height: auto; padding-top: 1%;}
.closeupContainer {max-width: 100vw; max-height: 100vh; position: absolute; top: 0%;left: 0%;padding-top:50px;}
.closeupItemTall img {width: 90vw; height: auto; padding-top:0;}
  .storySerif {font-size: 1.6rem;line-height: 1.9rem; width: 90%; padding-top: 0px;}
  .infoBlock {font-size: .7em; line-height: 1.5rem; margin-bottom:70px; width: 80%; margin-left:5%;}
  .title {font-size: 1.8rem;line-height: 2rem; max-width: 90%;}
  .number {font-size: 0.9rem;}
  .catalogueFooter {font-size: 1.3rem; line-height: 1.3rem;}
  .heroCaption {font-size: 1.2rem;line-height:1.2rem;}
  .menuSans {margin-top: 0px;font-size: .75rem;}

}


/* ARTWORK CLOSE UP VIEWER WITH CAPTION*/


.closeupContainer {
  max-width: 100vw;
  max-height: 78vh;
    overflow: ;
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:;
}

.closeupItem img {
    display: block;
  margin-left: auto;
  margin-right: auto;
height: 90vh;
  padding-top: 1%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}

.closeupItemWide img {
    display: block;
  margin-left: auto;
  margin-right: auto;
width: 90vw;
  padding-top: 1%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}
.artworkItemWide img {
    display: block;
  margin-left: auto;
  margin-right: auto;
width: 80vw;
  padding-top: 1%;
  padding-bottom: 1%;
    animation: fadeInAnimation ease 3s;

}

.universalItemWide img {
    display: block;
  margin-left: auto;
  margin-right: auto;
width: 80vw;
  padding-top: 2.5%;
  padding-bottom: 4%;
    animation: fadeInAnimation ease 3s;

}


.closeupCaption {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
	font-size: 1em;
  color:#cccccc;
	line-height: 1.5rem;
  letter-spacing: .5px;
	padding-top: 15px;
	margin-left:3%;
  animation: fadeInAnimation ease 3s;
  display: inline-block;

}

.closeupNumber {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: .9rem;
  color:#cccccc;
	line-height: 1.3rem;
  letter-spacing: .05rem;
	padding-top: 10px;
	margin-left:;
	padding-bottom: px;
  animation: fadeInAnimation ease 1s;
  display: inline;

}

#closeupNote1 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .6rem;
  letter-spacing: .05rem;
  color:#cccccc;
  display: inline-block;
  cursor:pointer;
  animation: fadeInAnimation ease 3s;
background-color:;



}

#closeupNoteText1 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .05rem;
  line-height: 1.3rem;
  color:#999999;
  padding-top:10px;
  padding-bottom:15px;
  display:inline ;
  background-color:;
  animation: fadeInAnimation ease 1s;

}

.closeupVideoButton {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .6rem;
  letter-spacing: .05rem;
  color:#cccccc;
  display:inline;
padding-left: 10px;
padding-right: 10px;
  cursor:pointer;
  animation: fadeInAnimation ease 3s;
background-color: ;



}




/* STORY TEXT STYLES*/




.storySans {
font-family: "Lato", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
line-height: 1.7rem;
letter-spacing: .05rem;
color:black;
margin-left: 5%;
width: 45%;
margin-bottom: 50px;
margin-top:-20px;
}

.catNo {
font-family: "Lato", sans-serif;
font-weight: 300;
font-style: normal;
font-size: .85rem;
letter-spacing: .025rem;
display:inline;
}

.storySurtitleSans {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .8rem;
  line-height: 1.7rem;
  letter-spacing: .05rem;
  color:#666666;
  margin-left: 5%;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.storyTitleSerif {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
	font-size: 3.5rem;
	line-height: 3.5rem;
  font-style: normal;
  color:#333333;
	padding-top: 0px;
  margin-right: 15%;
	margin-left: 5%;
	margin-bottom: 50px;
}

.storySansLight {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: .9rem;
  line-height: 1.7rem;
  letter-spacing: .05rem;
  color:black;
  margin-left: 5%;
  width: 45%;
  margin-bottom: 50px;
  margin-top:-20px;
  animation: fadeInAnimation ease 3s;

}


.italic {
  font-style: italic;
  display:inline;
}

.footer-logo {
  width: 14rem;
  margin-left:5%;
}



@media only screen and (max-width : 1020px),
only screen and (max-device-width : 1020px){
    .closeupItem img {width:95vw; height:auto;}
 .universalItem img {width:90vw; height:auto;}
.closeupItem video {width:95vw; height:auto;}

}


@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
.closeupItem video {width:95vw; height:auto;}
.storySurtitleSans {width:90%; font-size: 0.75rem;
  line-height: 1.6rem; margin-bottom: 5px;}
  .storySans {width:90%; font-size: 0.95rem;
  line-height: 1.6rem; margin-left: 5%;}
  .storySansLight {width:90%; font-size: 0.95rem;
  line-height: 1.6rem;}
  .storyTitleSerif {width:90%; font-size: 3.3rem;
  line-height: 3.3rem;}
  .footer-logo {width: 10.5rem; margin-left: 5%;}
  .artworkItemWide img {width: 90vw;}


}

@media only screen and (min-width : 680px),
only screen and (min-device-width : 680px){
  .closeupVideoSmall {display: none !important;}
  .closeupVideoBig {display: block !important;}
}

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
  .closeupVideoBig {display: none !important;}
  .closeupVideoSmall {display: block !important;}

}