* {

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

}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

/* COOKIES SIGN */

#title0{
	position: fixed;
	cursor: pointer;
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  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 */




.surtitle {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  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: "EB Garamond", serif;
  font-weight: 300;
	font-size: 5rem;
	line-height: 3.5rem;
  font-style: normal;
  color:#666666;
	padding-top:25px;
  margin-right:20%;
	margin-left: 5%;
	margin-bottom: 20px;

}

.red {
  color: #cc0000;
  display:inline;
}

.headline2 {
  font-family: "EB Garamond", serif;
  font-weight: 300;
	font-size: 2.2rem;
	line-height: 2.3rem;
  font-style: normal;
  color:#666666;
	padding-top: 10px;
  margin-right:15%;
	margin-left: 5%;
	margin-bottom: 10px;
  width: 65vw;

}

.headline3 {
  font-family: "EB Garamond", serif;
  font-weight: 300;
	font-size: 3rem;
	line-height: 3rem;
  font-style: normal;
  color:#666666;
	padding-top: 50px;
  margin-right:15%;
	margin-left: 5%;
	margin-bottom: 20px;

}


.headlineQuote {
  font-family: "Mulish", sans-serif;
  font-weight: 300;
	font-size: 2rem;
	line-height: 2.2rem;
  font-style: italic;
  color:#666666;
	padding-top:0px;
  margin-right:15%;
	margin-left: 5%;
	margin-bottom: 20px;

}


@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:3rem;line-height: 2.5rem;margin-right:5%; margin-bottom: 0px;}
  .headline2 {font-size:1.7rem;line-height: 1.9rem;margin-right:5%; margin-bottom: 10px;padding-top: 20px;width:85vw;}
 .headline3 {font-size:2.3rem; line-height: 2.3rem; margin-right:5%; margin-bottom: 15px; padding-top: 30px;}
  .headlineQuote {font-size:1.5rem;line-height: 2rem;margin-right:5%;}
  .cqp-logo {width: 9rem; padding-top: 20px; margin-bottom: 15px;}
  .insta-logo {width:2.5rem; padding-top:25px;}
  .envelope {width:2.5rem; padding-top:25px;margin-right:3%;}
.ingram-logo {width:rem; padding-top:20px;}




  }




/*UNIVERSAL hero items*/




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

}

.universalCaption {
  font-family: "Mulish", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2.rem;
  line-height: 1.5rem;
  color: #333333;
  width: 80vw;
  display:inline-block;
  animation: fadeInAnimation ease 2s;
  margin-left: 5%;
  margin-bottom: 30px;


}

.universalNumber {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note1 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note2 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note3 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note4 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note5 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note6 {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .5rem;
  letter-spacing: .05rem;
  color:#666666;
  vertical-align: super;
  display: inline;
  cursor:pointer;


}

#note7 {
  font-family: "Mulish", 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;

}

.universalNoteCaption {
  font-family: "Mulish", 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: "Mulish", 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: 95vw;
    margin-left:5vw;
    overflow: hidden;
		background-color:;
}



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

  }



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

    }

    .galleryItemDesk img {
        max-width: 100%;
    		-webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;

    }

    .galleryItem {
    float: left;
    	width: 26%;
      margin:  2% 6% 0px 0%;
    	overflow: hidden;


    }


    .galleryItemDesk {
    float: left;
      width: 26%;
      margin:  2% 6% 0px 0%;
      overflow: hidden;


    }

    @media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
  .galleryItem { width: 90%; margin-left: 0%;}
    .galleryItemDesk {display: none !important;}


  }



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


}

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

}

.galleryText {
 font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1rem;
  line-height: 1.3;
    letter-spacing: .05rem;
  color:#666666;
	padding-bottom: 70px;
  animation: fadeInAnimation ease 5s;

}


.termsText {
 font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1rem;
  line-height: 1.3;
    letter-spacing: .05rem;
  color:#666666;
	margin-top: 50px;
margin-bottom: 150px;
margin-left: 5%;
width: 60vw;
  animation: fadeInAnimation ease 5s;

}


.galleryNoCaption {
	padding-bottom: 70px;


}

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

}

/*.menuSans {
  font-family: "Mulish", 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: "EB 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: "Mulish", 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: "EB 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: "Mulish", 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;
}


.storySerif {
  font-family: "EB 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: "EB 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;}
  .universalItem {width: 95vw;}
  .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%;}
  .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;}

}


/* 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 {
    max-width: 95vw;
    max-height: 89vh;
  padding-left:;
    animation: fadeInAnimation ease 0s;

}

.closeupItem video {
    max-width: 90vw;
    max-height: 89vh;
  padding-left:;
    animation: fadeInAnimation ease 0s;

}

.smallVideoImage {
width: 90vw;
}


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

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

}



.closeupCaption {
  font-family: "Mulish", 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: "Mulish", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: .9rem;
  color:#cccccc;
	line-height: 1.3rem;
  letter-spacing: .05rem;
	padding-top: px;
	margin-left:;
	padding-bottom: px;
  animation: fadeInAnimation ease 1s;
  display: inline;

}

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



}

#closeupNoteText1 {
  font-family: "Mulish", 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;

}



/* STORY TEXT STYLES*/





/*.storySans {
  font-family: "Mulish", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.05rem;
  line-height: 1.7rem;
  letter-spacing: .2px;
  color:#666666;
  margin-left: 5%;
  width: 45%;
  margin-bottom: 50px;
}*/

.storySans {
font-family: "Mulish", 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: "Mulish", sans-serif;
font-weight: 300;
font-style: normal;
font-size: .85rem;
line-height: 1.7rem;
letter-spacing: .025rem;
color:black;
display:inline;
}

.storySurtitleSans {
  font-family: "Mulish", 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: "EB 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: "Mulish", 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-cqplogo {
  width: 10rem;
  margin-left: 5%;
}



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

  .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;}
  .storySansLight {width:90%; font-size: 0.95rem;
  line-height: 1.6rem;}
  .storyTitleSerif {width:90%; font-size: 3.3rem;
  line-height: 3.3rem;}
  .footer-cqplogo {width: 8rem;}
  .closeupItem video {max-width: 90vw;}


}



/*FOOTER CODE*/
/*FOOTER CODE*/
/*FOOTER CODE*/
/*FOOTER CODE*/



.footerBackground {
margin-top: 100px;
    width: 100vw;
    position: relative;
    background-color:#3f3f3f; }


.footerLink {
    font-family: "Mulish", sans-serif;
font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .03rem;
    margin-left: 5%;
    color:#ffffff;
opacity: .6;
    padding-top: 40px;

    }



    .footerMouse {
        font-family: "Mulish", sans-serif;
        font-size: .7rem;
        line-height: 1rem;
        letter-spacing: .02rem;
        padding-left: 5%;
        color:#ffffff;
        opacity: .6;
        padding-top: 50px;
        padding-bottom: 50px;
        width:55%;

        }


@media only screen and (max-width : 1020px),
  only screen and (max-device-width : 1020px){
      .footerMouse {width: 60%;}


  }


  @media only screen and (max-width : 680px),
  only screen and (max-device-width : 680px){
    .footerMouse {width: 90%; padding-left: 5%;}
    .footerLink {margin-left: 5%;}
}