@charset "UTF-8";
/* CSS Document */
/* The Great Hall Exhibition: Maia Ruth Lee*/
/* Website designed by Jason Varone for the Institute of Fine Arts, NYU*/
@import url("https://use.typekit.net/zbo7ugz.css");
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
    
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 300;
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}


p {
  font-family: 'EB Garamond';
  line-height: 1.5em;
}

strong {
  font-weight: 600;  
}

.IfaNavBar {
  font-family: 'EB Garamond';
  font-weight: 400;
  font-style: normal;
  font-size: 1.7vw;
  color: #333;
  padding: 10px 10px 10px 10px !important;
}

.IfaHeader {     
  font-size: 2vw !important;
}
h1 {
  font-family: 'EB Garamond';
  font-weight: 500;
    padding-top: 5vw;
}
h2 {
  font-family: 'EB Garamond';
  font-weight: 500;
}
h3 {
  font-family: 'EB Garamond';
}
a {
  color: #29a0ee;
}
.catalog {
  background-color: #fff;
  background-size: cover;
  /* Full height */
  height: 100%;
}

figure {
    padding:2vw;
    padding-bottom: 2vw;
}

.figure-home {
    padding:5vw;
    padding-bottom: 2vw;
}


.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

  
/* Visually hidden accessible content */
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}

.menu {
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-size: 22px;
    vertical-align: middle;
}

.ExtraSpace
{
    padding:1vw;
}

@media only screen and (max-width: 900px) {
    

    
    h1 {
  padding-top: 5vw;
}
    
    .IfaNavBar {
  font-size: 3vw;
}

    
}

@media only screen and (max-width: 900px) {
.menu {
    display:none;
    }
    
    .IfaHeader {
      padding-top: 15vw;
      font-size: 3.75vw !important;
}
    h1 {
  padding-top: 7vw;
}
        .IfaNavBar {
  font-size: 5vw;
}
    
    .navbar-brand{
        font-size: 3.75vw;
    }
}

a.skip-main {
  position: absolute;
  top: -999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus, a.skip-main:active {
  background: #05263a;
  color: #fff;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 700;
  font-size: 1em;
  height: auto;
  width: auto;
  top: 1vh;
  left: 60vw;
  overflow: auto;
  padding: .25vw .5vw .25vw .5vw;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 9999;
  -webkit-transition: all 300ms cubic-bezier(0.3, -0.01, 0.57, 1);
  transition: all 300ms cubic-bezier(0.3, -0.01, 0.57, 1);
  transform: translateX(-100%);
  outline: none;
}

.btn {
    text-align: left !important;
}