/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37a55b");

@font-face {font-family: 'TabletGothic-Thin';src: url('webfonts/37A55B_2_0.eot');src: url('webfonts/37A55B_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/37A55B_2_0.woff2') format('woff2'),url('webfonts/37A55B_2_0.woff') format('woff'),url('webfonts/37A55B_2_0.ttf') format('truetype');}
/**
* @license
* MyFonts Webfont Build ID 3646811, 2018-09-26T05:46:22-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: TabletGothic-Thin by TypeTogether
* URL: https://www.myfonts.com/fonts/type-together/tablet-gothic/thin/
*
*
* License: https://www.myfonts.com/viewlicense?type=web&buildid=3646811
* Licensed pageviews: 250,000
* Webfonts copyright: Copyright (c) 2012 by TypeTogether. All rights reserved.
*
* © 2018 MyFonts Inc
*/


/**
 * @license
 * MyFonts Webfont Build ID 3832264, 2019-10-31T15:16:54-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: TabletGothic-Bold by TypeTogether
 * URL: https://www.myfonts.com/fonts/type-together/tablet-gothic/bold/
 * Copyright: Copyright (c) 2012 by TypeTogether. All rights reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3832264
 *
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3a79c8");


@font-face {font-family: 'TabletGothic-Bold';src: url('webfonts/3A79C8_0_0.eot');src: url('webfonts/3A79C8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A79C8_0_0.woff2') format('woff2'),url('webfonts/3A79C8_0_0.woff') format('woff'),url('webfonts/3A79C8_0_0.ttf') format('truetype');}

@font-face {font-family: 'TabletGothic';src: url('webfonts/37A65A_0_0.eot');src: url('webfonts/37A65A_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/37A65A_0_0.woff2') format('woff2'),url('webfonts/37A65A_0_0.woff') format('woff'),url('webfonts/37A65A_0_0.ttf') format('truetype');}






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


* {
	font-family: 'TabletGothic-Thin', 'TabletGothic-Bold', 'TabletGothic', sans-serif;
 	margin: 0;
 	padding: 0;
  	box-sizing: border-box;
}* {

 	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: #000;
	text-decoration: none;
}

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

/* COOKIES SIGN */

#title0{
	position: fixed;
	cursor: pointer;
	font-family: 'TabletGothic-Thin', sans-serif;
	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 */


@media only screen and (min-width : 680px),
only screen and (min-device-width : 680px){
  .headerImage2 {display: none !important;}
  .headerImage1 {display: block !important;}
.footerImage2 {display: none !important;}
.footerImage1 {display: block !important;}
.item {display: block !important;}
  .item2 {display: none !important;}
  .item1 {display: block !important;}
}

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
  .headerImage1 {display: none !important;}
  .headerImage2 {display: block !important;}
.footerImage1 {display: none !important;}
.footerImage2 {display: block !important;}
.item {display: block !important;}
  .item1 {display: none !important;}
  .item2 {display: block !important;}

}

.background {
    width: 100vw;
    position: relative;
    background-color: white;
}


/*HEADER*/
/*HEADER*/
/*HEADER*/
/*HEADER*/

.headerContainer {
    width: 100%;
    height: 100vh;
  background-color:;

}


.headerImage img {
    position: fixed;
    z-index: -10;
    width: 100%;
  	height: 100vh;
  	object-fit: cover;

}

.headerImage1 img {
    position: fixed;
    z-index: -10;
    width: 100%;
  	height: 100vh;
  	object-fit: cover;

}

.headerImage2 img {
    position: fixed;
    z-index: -10;
    width: 100%;
  	height: 100vh;
  	object-fit: cover;

}

.mainHeading {
  font-family: "TabletGothic-Bold", sans-serif;
  font-style: italic;
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
  margin-left: 12%;
  padding-bottom: 5px;
  padding-top: 5.5%;
  width: 80%;
  animation: fadeInAnimation ease 1s;
}

.mainHeadingRoman {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 2.4rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin-left: 12%;
  padding-bottom: 5px;
  padding-top: 5.5%;
  animation: fadeInAnimation ease 1s;
}

.subHeading {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 2.3rem;
  line-height: 2.2rem;
  color: #ffffff;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
margin-right: 12%;
  padding-bottom: 8px;


}

.subHeadingItalic {
  font-family: "TabletGothic-Thin", sans-serif;
font-style: italic;
  font-size: 2rem;
  line-height: 2rem;
  color: #ffffff;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-bottom: 5px;


}

.creditHeading {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #ffffff;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
margin-right: 12%;
  padding-bottom: 8px;
  padding-top: 20px;


}

.yearHeading {
  font-family: "TabletGothic-Thin", sans-serif;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing:0.025rem;
  color: #ffffff;
  animation: fadeInAnimation ease 3s;
  margin-left: 12%;
  padding-bottom: 7px;


}

.captionHeading {
  position:absolute;
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 1.1rem;
  line-height: 1.5rem;
  letter-spacing: -0.15px;
  color: #ffffff;
  animation: fadeInAnimation ease 3s;
  margin-left: 12%;
  max-width:50vw;
  padding-bottom: 10vh;
  bottom:0;


}



.artistName {
  font-family: "TabletGothic-Bold", sans-serif;
  letter-spacing: -0.05rem;
  font-size: 4.5rem;
  line-height: 4.5rem;
  margin-left: 12%;
  margin-bottom: 13px;
  padding-top: 10%;

}

.artistDetails {
  font-family: "TabletGothic-Bold", sans-serif;
  letter-spacing: -0.05rem;
  font-size: 3rem;
  line-height: 3rem;
  margin-left: 12%;
  margin-bottom: 50px;

}

.artistQuote {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 3.2rem;
  line-height: 3.2rem;
  color:#999999;
  margin-left: 12%;
  margin-top: 25px;
  margin-bottom: 30px;

}


/* HEADER MEDIA QUERIES*/

@media only screen and (max-width : 1020px),
only screen and (max-device-width : 1020px){
  .artistName {font-size: 3.5rem; line-height: 3.5rem; margin-top: 10%; margin-bottom: 20px;}
  .artistDetails {font-size: 2.4rem; line-height: 2.2rem; margin-bottom: 15px;}
  .artistQuote {font-size: 2.55rem; line-height: 2.55rem;}
}


@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
  .mainHeading {font-size: 2.1rem; line-height: 2.1rem; margin-left: 5%; padding-top: 10%; padding-bottom: 1%; width: 90%;}
    .mainHeadingRoman {font-size:2.1rem; line-height:2.1rem; margin-left: 5%; padding-top: 10%; padding-bottom: 2px; width: 80%;}
  .subHeading {max-width: 85vw; font-size: 1.8rem; line-height: 1.8rem; margin-left: 5%; padding-bottom: 5px;}
.subHeadingItalic {font-size: 1.7rem; line-height: 1.7rem; margin-left: 5%; padding-bottom: 5px; width: 70vw;}
.creditHeading {font-size: 1.5rem; line-height: 1.5 rem; margin-left: 5%;}
  .yearHeading {font-size: 1.3rem; line-height: 1.3rem; margin-left: 5%;}
  .captionHeading {max-width:85vw; margin-left: 5%;}
  .artistName {font-size: 3.2rem; line-height: 3.2rem; margin-left: 5%; padding-top:20%;}
    .artistDetails {font-size: 2.1rem; line-height: 1.9rem; margin-left: 5%; padding-bottom: 20px;}
    .artistQuote {margin-left: 5%; font-size: 3rem; line-height: 3rem; width:88%;}
  }



/*UNIVERSAL items*/
/*UNIVERSAL items*/
/*UNIVERSAL items*/
/*UNIVERSAL items*/
/*UNIVERSAL items*/


.itemX img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.item img {
    width: 100vw;
    height: 100%;
    margin-bottom:-8px;
}

.item1 img {
    width: 100%;
  	height: 100vh;
  	object-fit: cover;

}

.item2 img {
    width: 100vw;
    height: 100%;
    margin-bottom:-8px;
}

.mainimage {
    width: 100vw;
    height: 100%;
    margin-bottom:-8px;
}




.title {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 2.1rem;
  line-height: 2.1rem;
  width: 65vw;
  color:;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-top: 50px;
  padding-bottom: 3px;


}


.year {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.4rem;
  letter-spacing:0.01rem;
  line-height: 1.5rem;
  width: 50vw;
  color: #999999;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-top:2px;
  padding-bottom:20px;


}


.credit {
  font-family: "TabletGothic-bold", sans-serif;
  font-size: 1.65rem;
  line-height: 1.7rem;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-top:40px;



}

.title2 {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  line-height:1.5rem;
  width: 75%;
  animation: fadeInAnimation ease 2s;
  margin-left: 11.9%;


}


.year2 {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.1rem;
  letter-spacing:0.025rem;
  line-height: 1.5rem;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-bottom:20px;


}


.archiveTitle {
  font-family: "TabletGothic-bold", sans-serif;
  font-size: 1.65rem;
  line-height: 1.7rem;
 font-style: italic;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-top:40px;



}

.archiveCredit {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.2rem;
  line-height:1.5rem;
  width: 75%;
  animation: fadeInAnimation ease 2s;
  margin-left: 11.9%;


}

.archiveYear {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.1rem;
  letter-spacing:0.025rem;
  line-height: 1.5rem;
  animation: fadeInAnimation ease 2s;
  margin-left: 12%;
  padding-bottom:20px;


}


.heading {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 0.75rem;
line-height: 1.5rem;
letter-spacing: .05rem;
color:gray;
margin-left: 12%;
animation: fadeInAnimation ease 3s;
text-transform: uppercase;
display: inline-block;



}

.content {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: .03rem;
color:#333333;
padding-bottom: 5px;
animation: fadeInAnimation ease 3s;
display: inline;

}



.story {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 1.15rem;
line-height: 1.5rem;
letter-spacing: .025rem;
margin-left: 12%;
width: 45%;
margin-top:px;
padding-bottom: 50px;
animation: fadeInAnimation ease 3s;

}

.storyGrey {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 1.15rem;
line-height: 1.5rem;
letter-spacing: .025rem;
color: #999999;
animation: fadeInAnimation ease 3s;

}

.storyQuote {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-left: 2%;
  width:88%;
  letter-spacing: -.02rem;

}


.storyNote {
font-family: "TabletGothic", sans-serif;
font-size: 0.9rem;
line-height: 1.5rem;
color:#333333;
animation: fadeInAnimation ease 3s;

}

.storyNoteItalic {
font-family: "TabletGothic", sans-serif;
font-style:italic;
display:inline;

}

.artworkLabel {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 1.15rem;
line-height: 1.5rem;
letter-spacing: .025rem;
margin-left: 12%;
width: 45%;
margin-top:75px;
padding-bottom: 50px;
animation: fadeInAnimation ease 3s;

}


.list {
font-family: "TabletGothic-Thin", sans-serif;
font-size: 1.05rem;
line-height: 1.5rem;
letter-spacing: .03rem;
color:;
margin-left: 12%;
width: 45%;
margin-top: 20px;
padding-bottom: 70px;

}

.tag1 {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.15px;
  animation: fadeInAnimation ease 2s;

}



.link1{
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.15px;
  animation: fadeInAnimation ease 2s;
  display:inline;

}

.sponsorLogos {
  width:60%;
}

.mediaLogos {
  padding-top:15px;
  width:100%;
}

.alightLogo {
  padding-top:40px;
margin-left:0;
 width:50%;
}

.queerBritain {
  padding-top:10px;
  padding-left: 5px;
  width:25%;
}

.largeHeading {
  font-family: "TabletGothic-Bold", sans-serif;
  font-size: 4rem;
  line-height: 4rem;
  letter-spacing: -0.15px;
  animation: fadeInAnimation ease 2s;
  margin-left:12%;
  margin-top: 3%;

}




/* UNIVERSAL MEDIA QUERIES*/

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

@media only screen and (max-width : 680px),
only screen and (max-device-width : 680px){
    .title {margin-left: 5%; font-size: 1.8rem; line-height: 1.8rem; width:90%; padding-top: 25px; padding-bottom: 0px;}
    .year {margin-left: 5%;font-size: 1.3rem; padding-top:3px; width:85vw;}
    .heading {font-size: 0.7rem; margin-left: 5%;}
    .content {font-size: 0.95rem;}
    .story {margin-left: 5%; width:89%; font-size: 1.05rem;
    line-height: 1.4rem;}
    .storyGrey {width:89%; font-size: 1.05rem;
    line-height: 1.4rem;}
    .artworkLabel {margin-left: 5%; width:89%; font-size: 1.05rem;
    line-height: 1.4rem;}
    .storyQuote {margin-left: 5%; width:85%;}
    .tag1 {font-size: 1.05rem; line-height: 1.5rem;}
    .list {margin-left: 5%; width:90%;}
    .sponsorLogos {width:89vw;}
    .queerBritain {width:41vw;}
    .mediaLogos {width:89vw;}
    .link1 {width: 90vw;}

.archiveTitle {margin-left:5%;font-size: 1.45rem; line-height: 1.4rem;}
.archiveCredit {margin-left:4.8%; font-size: 1.1rem; line-height: 1.3rem;}
.archiveYear {margin-left:5%;font-size: 1rem;line-height: 1.3rem;}
    .title2 {margin-left:4.8%; font-size: 1.1rem; line-height: 1.3rem;}
.credit {margin-left:5%;font-size: 1.45rem; line-height: 1.4rem;}
.year2 {margin-left:5%;font-size: 1rem;line-height: 1.3rem;}



  }



  /*HERITAGE ARCHIVE/ARTWORK items*/
    /*HERITAGE ARCHIVE/ARTWORKitems*/
      /*HERITAGE ARCHIVE/ARTWORK items*/
        /*HERITAGE ARCHIVE/ARTWORK items*/
          /*HERITAGE ARCHIVE/ARTWORK items*/

  .series-title {
    font-family: "TabletGothic-Bold", sans-serif;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1.8rem;
    color: #333333;
    animation: fadeInAnimation ease 1s;
    margin-left: 12%;
    padding-top: 30px;
    padding-bottom: 7px;

  }

  .series-year {
    font-family: "TabletGothic-Thin", sans-serif;
    font-size: .9rem;
    letter-spacing: .05rem;
    line-height: 1.4rem;
    color: #333333;
    display:inline-block;
    animation: fadeInAnimation ease 2s;
    margin-left: 12%;
    padding-bottom:10px;


  }

  .series-subhead {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 0.75rem;
  line-height: 1.5rem;
  letter-spacing: .05rem;
  color:gray;
  margin-left: 12%;
  animation: fadeInAnimation ease 3s;
  text-transform: uppercase;
  display: inline-block;



  }

  .series-stat {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: .03rem;
  color:#333333;
  padding-bottom: 5px;
  animation: fadeInAnimation ease 3s;
  display: inline-block;

  }



  .series-descriptor {
  font-family: "TabletGothic-Thin", sans-serif;
  font-size: 1.05rem;
  line-height: 1.5rem;
  letter-spacing: .03rem;
  color:#333333;
  margin-left: 12%;
  width: 45%;
  padding-bottom: 50px;

  }


  .sd-italic {
    font-style: italic;
    font-family: "TabletGothic-Thin", sans-serif;
    display:inline;
  }



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








  /* HERITAGE ARCHIVE MEDIA QUERIES*/


  @media only screen and (max-width : 680px),
  only screen and (max-device-width : 680px){
      .series-title {margin-left: 5%;font-size: 1.9rem;}
      .series-year {margin-left: 5%;}
      .series-subhead {font-size: 0.85rem; margin-left: 5%;}
      .series-stat {font-size: 0.95rem;}
      .series-descriptor {margin-left: 5%; width:90%; font-size: 0.95rem;
      line-height: 1.6rem;}


    }




    /*HERITAGE ARTWORK PAGE*/
    /*HERITAGE ARTWORK PAGE*/
    /*HERITAGE ARTWORK PAGE*/
    /*HERITAGE ARTWORK PAGE*/
    /*HERITAGE ARTWORK PAGE*/

    .subtitle-left {
      font-family: "TabletGothic-Bold", sans-serif;
      font-style: normal;
      font-size: 2rem;
      line-height: 1.8rem;
      color: #333333;
      animation: fadeInAnimation ease 2s;
      margin-left: 12%;
      padding-top: 10px;
      padding-bottom: 5px;

    }

    .down-arrow {

      animation: fadeInAnimation ease 2s;
      margin-top: .5%;
      margin-left: 11.75%;
      margin-bottom: 15px;



    }
    .title-left {
      font-family: "TabletGothic-Thin", sans-serif;
      font-size: 1.2rem;
      letter-spacing: .0rem;
      line-height: 1.4rem;
      color: #333333;
      animation: fadeInAnimation ease 2s;
      margin-left: 12%;


    }

    .year-left {
      font-family: "TabletGothic-Thin", sans-serif;
      font-size: .9rem;
      letter-spacing: .05rem;
      line-height: 1.4rem;
      color: #333333;
      display:inline-block;
      animation: fadeInAnimation ease 2s;
      margin-left: 12%;
      padding-bottom:40px;


    }

/*    .series-subhead {
    font-family: "TabletGothic-Thin", sans-serif;
    font-size: 0.9rem;
    line-height: 1.5rem;
    letter-spacing: .03rem;
    color:gray;
    margin-left: 12%;
    width: 45%;


    }

    .series-stat {
    font-family: "TabletGothic-Thin", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .03rem;
    color:#333333;
    margin-left: 12%;
    width: 45%;
    padding-bottom: 0px;

    }
*/

 .series-stat {
 font-family: "TabletGothic-Thin", sans-serif;
 font-size: 1rem;
 line-height: 1rem;
 letter-spacing: .03rem;
 color:#333333;
 margin-left: 12%;
 width: 45%;
 padding-bottom: 0px;

 }

    .description-left {
    font-family: "TabletGothic-Thin", sans-serif;
    font-size: 1.05rem;
    line-height: 1.6rem;
    letter-spacing: .03rem;
    color:#333333;
    margin-left: 12%;
    width: 45%;
    padding-bottom: 50px;

    }


    .infoblock {
      font-family: "TabletGothic-Thin", sans-serif;
      font-size: 1.05rem;
      line-height: 1.6rem;
      letter-spacing: .03rem;
      color:#333333;
      margin-left: 12%;
      width: 45%;
      padding-bottom: 25px;

    }

    .share-icon{
      margin-left: 12%;
      margin-bottom: 150px;
    }

    .orange {
      color:orange;
      display:inline;
    }

    .grey {
      color:#666666;

    }

    .white {
      color:white;

    }

    .sd-italic {
      font-style: italic;
      font-family: "TabletGothic-Thin", sans-serif;
      display:inline;
    }

    .dl-italic {
      font-style: italic;
      font-family: "TabletGothic-Thin", sans-serif;
      display:inline;
    }



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

  .boldItalic {
    font-style: italic;
    font-family: "TabletGothic-Bold", sans-serif;
    display:inline;
  }





    /* HERITAGE ARCHIVE MEDIA QUERIES*/


    @media only screen and (max-width : 680px),
    only screen and (max-device-width : 680px){
      .down-arrow {margin-left:5%;}
      .title-left {margin-left: 5%;}
        .subtitle-left {margin-left: 5%;font-size: 1.8rem;padding-top: 5px;
        padding-bottom: 5px;}
        .year-left {margin-left: 5%;}
        .series-subhead {font-size: 0.85rem; margin-left: 5%; width: 90%;}
        .series-stat {font-size: 0.95rem; margin-left: 5%; width: 90%;}
        .description-left {margin-left: 5%; width:90%; font-size: 1rem;
        line-height: 1.6rem;}
        .infoblock {font-size: 1rem; margin-left: 5%; width: 90%;}
        .share-icon{margin-left: 5%; margin-bottom: 100px;}

      }



  /* RESPONSIVE ROWS*/
  /* RESPONSIVE ROWS*/
  /* RESPONSIVE ROWS*/


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

    }

    .thumbcontainer {
    float: left;
    	width: 24%;
      margin-top:  2%;
      margin-left: 6.5%;
      margin-bottom: 40px;
      margin-right: 0%;
    	overflow: hidden;
    }
    */

    .archivethumbcontainer{
      z-index: 0;
      float: left;
      	width: 24%;
        aspect-ratio: 1 / 1;
        margin-top:  1%;
        margin-left: 6.5%;
        margin-bottom: 40px;
        margin-right: 0%;
      	overflow: hidden;
    	background-color: #CCC;
    }

 .archiveSpacer{
   float: left;
     width: 85%;
     aspect-ratio: 10 / 1;
     margin-top:  1%;
     margin-left: 6.5%;
     margin-bottom: 0px;
     margin-right: 0%;
     overflow: hidden;
   background-color: #ffffff;
 }


    .archivethumbcontainer .thumb{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 12%;
        margin-bottom: auto;
    }

    .archivethumbcontainer .thumbw{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 12%;
        margin-bottom: auto;
    }

    .archivethumbcontainer .thumbw1{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 23%;
        margin-bottom: auto;
    }

    .archivethumbcontainer .thumbw2{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 15%;
        margin-bottom: auto;
    }

    .archivethumbcontainer .thumbw3{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 30%;
        margin-bottom: auto;
    }

    .archivethumbcontainer .thumbh{
      height: 100%;
    	width: auto;
    	display: block;
        margin-left: auto;
        margin-right: auto;

    }
.archiveArrow{
float: right;
margin-top: 0.5%;
margin-right: 10%;
margin-bottom: 10%;
height: 1.2rem;
width: 1.2rem;

}


    .thumbcontainer{
      float: left;
        width: 24%;
        aspect-ratio: 1 / 1;
        margin-top:  1%;
        margin-left: 6.5%;
        margin-bottom: 40px;
        margin-right: 0%;
        overflow: hidden;
        display: inline;
      background-color: #CCC;
    }



    .thumbcontainer .thumb{
      width: 100%;
      height: auto;
        margin-top: 12%;
        margin-bottom: auto;
    }


    .thumbcontainer .thumbw{
      width: 100%;
      height: auto;
        margin-top: 12%;
        margin-bottom: auto;
    }

    .thumbcontainer .thumbw1{
      width: 100%;
      height: auto;
        margin-top: 23%;
        margin-bottom: auto;
    }

    .thumbcontainer .thumbw2{
      width: 100%;
      height: auto;
      display: block;
        margin-top: 15%;
        margin-bottom: auto;
    }

    .thumbcontainer .thumbh{
      height: 100%;
      width: auto;
      display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .artworkSpec{
      font-family: "TabletGothic-Thin", sans-serif;
      font-size: 0.7rem;
      line-height: 1.2rem;
      letter-spacing: .05rem;
      margin-left: 5px;
      color:black;
      animation: fadeInAnimation ease 3s;
      text-transform: uppercase;


    }



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

    }

    @media only screen and (max-width : 680px),
    only screen and (max-device-width : 680px){
      .archivethumbcontainer {width: 42%; margin-left: 5%; margin-right: 1%}
      .thumbcontainer {width: 42%; margin-left: 5%; margin-right: 1%}
}


/*FOOTER*/


.completeFooter {
  width: 40vw;
  margin-left: 12%;
margin-top: 70px;
}

.footerBackground {
    width: 100vw;
    height:auto;
    background-color:#3f3f3f; }


.footerLink {
    font-family: "TabletGothic-Bold", sans-serif;
    font-size: 1.1rem;
    line-height: 1rem;
    letter-spacing: .03rem;
    margin-left: 12%;
    color:#ffffff;
    padding-top: 40px;

    }



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

        }

        .footerMouseGrey {
            font-family: "TabletGothic-Thin", sans-serif;
            font-size: .7rem;
            line-height: 1rem;
            letter-spacing: .02rem;
            padding-left: 12%;
            color: #999999;
            opacity: .6;
            padding-top: 50px;
            padding-bottom: 50px;
            width:55%;

            }


    .mfcoLogo {
    width: 10rem;
  	float:right;
  	margin-right: 12%;
    margin-top:205px;


  }

  .bauerLogo {
  width: 10rem;
  margin-left:12%;

}




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


  }


  @media only screen and (max-width : 680px),
  only screen and (max-device-width : 680px){
    .mfcoLogo {width:9rem;margin-top:216px;margin-right: 3%; margin-left: 2%;}
    .bauerLogo {margin-left:5%;}
    .footerMouse {width: 90%; padding-left: 5%;}
    .footerMouseGrey {width: 90%; padding-left: 5%;}
    .footerLink {font-size: 1rem; letter-spacing: 0px;margin-left: 5%;}
.completeFooter {width: 85%; margin-left: 5%; margin-top: 40px;}

}


/* VIDEO CODE*/
/* VIDEO CODE*/
/* VIDEO CODE*/

#title1{
	position: absolute;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	z-index: 10;
  cursor:pointer;
}


#video1{
	width: 100%;
	height: 100vh;
  object-fit: cover;
  cursor:pointer;

}

.smallVideoImage{
  width: 100vw;
  height: 100%;
  object-fit: cover;

}

#title2{
	position: absolute;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	z-index: 10;
  cursor:pointer;
}


#video2{
	width: 100%;
	height: 100vh;
  object-fit: cover;
  cursor:pointer;

}




@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;}

}






/* SPACERS*/

.spacer25 {
  width: 100%;
  height: 25px;
display: block;
}


.spacer50 {
  width: 100%;
	height: 50px;
display: block;
}


.spacer100 {
  width: 100vw;
	height: 100px;
}

.spacer150 {
  width: 100%;
height: 150px;}

.spacer30vh {
  width: 30vh;
height: 28vh;}



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

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

.column2 {
	float: left;
		width: 27%;
	  margin-top: 2%;
		margin-left: 0%;
		margin-right: 4.5%;
		margin-bottom: 50px;
    display: block !important;
		overflow: hidden;
		background-color: ;
      animation: fadeInAnimation ease 4s;
}

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

.column4 {
	float: left;
	  margin-top: 2%;
		margin-left: 5%;
		margin-right: 7%;
		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;
}

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

}



.galleryCaption {
	font-family: "TabletGothic-Bold", sans-serif;
	font-size: 1.2rem;
  letter-spacing: -0.1px;
	line-height: 1.5rem;
	margin-top: 10px;
	text-align: left;
  display:inline-block;
  animation: fadeInAnimation ease 2s;


}

.galleryNumber {
  font-family: "TabletGothic-Thin", sans-serif;
	font-size: 1em;
	margin-top: 2px;
	padding-bottom: 70px;
  animation: fadeInAnimation ease 5s;

}


/* MEDIA QUERIES*/

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

}

@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: 41%; display: block !important;}
    .column5 {width: 41%; display: block !important;}
    .galleryCaption {font-size: 1.1rem;margin-top: 5px;line-height: 1.3rem;}

}