body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
h2, h3, h4 {
    font-family: "Noto Serif Display";
    
}

h2 {
  font-size:1.5rem;
  font-weight:500;
}
h3 { font-size:1.4rem;
  font-weight:700;
}

h4 {
  font-size:1.2rem;
    font-weight:500;

}

    nav .container, nav .container-fluid{
        background-color: rgb(245, 253, 230);
       
    }

    /* nav .container.footer{
      background-color:transparent;
     
    } */
   div.just p {
        padding: .5rem 6% 1rem 6%;
        text-align:justify;
        font-size: .9rem;
    }

    div.narr p{
        font-size:1.2rem;
        
    }
    div.contact {
        font-family:"Noto Serif Display";
        font-weight:500;
        font-size:1.4rem;
    }
div.contact p {
    font-size:1.3rem;
}

/* #carouselSlides .carousel img{
    width:25%;
    height:auto;
}
#carouselSlides .carousel-item {
    transition: transform 5s ease-in-out;
  }
  #carouselSlides   .carousel-fade .active.carousel-item-start,
  #carouselSlides  .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 5s;
  } */

 #carouselArtwork .carousel-item img.vrt{
   height:74vh !important;  
    
  }
  #carouselArtwork .carousel-item img.hr{
   display:block;
  
  } 
  #carouselSlides .vrt{
height:92vh;
width:auto;
  }

  #carouselSlides .vrtmo{
height:65vh;
width:auto;
  }
  /* #carouselArtwork.carousel-control-prev ,  #carouselArtwork.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: TranslateY(-50%);
 }
 #carouselArtwork.carousel-control-prev {
    right: auto;
    left: 20rem;
 }
   #carouselArtwork .carousel-control-next {
    left: auto;
    right: -20rem;
 }

 #carouselArtwork .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
/* background-color:#000000; 
 }
 #carouselArtwork  .carousel-control-next-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;

 }

 #carouselArtwork .carousel-caption{
  text-align:center !important;
  width:75%;
 } */
  .art img.hthumb, .art img.vthumb{
    margin-top:.3rem;
   width: 100% ;
   cursor: zoom-in;
  }
.zoom-in {
  cursor: zoom-in;
}
/* #carouselArtwork  .carousel-caption{
position: relative;
color:#000;
text-align:left;
left:0;

 }
  */
  
  .button-17 {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border-radius: 24px;
    border-style: none;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
    box-sizing: border-box;
    color: #3c4043;
    cursor: pointer;
    display: inline-flex;
    fill: currentcolor;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    letter-spacing: .25px;
    line-height: normal;
    max-width: 100%;
    overflow: visible;
    padding: 2px 24px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: auto;
    will-change: transform,opacity;
    z-index: 0;
  }
  
  .button-17:hover {
    background: #F6F9FE;
    color: #174ea6;
  }
  
  .button-17:active {
    box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
    outline: none;
  }
  
  .button-17:focus {
    outline: none;
    border: 2px solid #4285f4;
  }
  
  .button-17:not(:disabled) {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
  }
  
  .button-17:not(:disabled):hover {
    box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px;
  }
  
  .button-17:not(:disabled):focus {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
  }
  
  .button-17:not(:disabled):active {
    box-shadow: rgba(60, 64, 67, .3) 0 4px 4px 0, rgba(60, 64, 67, .15) 0 8px 12px 6px;
  }
  
  .button-17:disabled {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
  }