/* Portrait and Landscape */
            /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
            @media only screen 
              and (min-device-width: 375px) 
              and (max-device-width: 667px) 
              and (-webkit-min-device-pixel-ratio: 2) {
				  
				  
				#openseadragon-canvas.openseadragon.fullpage {
margin-top: 50px !important;
				}	
			  }	
			
			
			.display-3 {
              margin: 0.25em;
              font-size: 4em;
              font-weight: 400;
              color: #fff;
            }
            .display-4 {
              margin: 0.25em;
              font-size: 3em;
              font-weight: 400;
              color: #fff;
            }
            * {
              box-sizing: border-box;
            }

            .carousel-cell {
              width: inherit;
            }

            .card {
              position: relative;
              min-width: 0;
              word-wrap: break-word;
              background-color: transparent;
              background-clip: border-box;
              border: 0px;

            }
            .carousel-cell .container {
              height: 100%;
            }
			
            .card-desc p {
              font-family: 'Alegreya Sans', sans-serif !important;
              color: #000 !important;
              font-weight: 600 !important;
              font-size: 1.3em;
              margin: 0.1em;
              padding: 0.3em;
              padding-right: 0.5em;
            }
            div.card-desc p.d-none {
              display: block !important;
              padding-right: 0.3em;
            }

            div.card-desc p.collec {
              display: block !important;
              padding-right: 0.3em;
            }

            .no-gutters {
              margin-right: -15px;
              margin-left: -15px;
            }

            .col-md-4.pano {
              -ms-flex: 0 0 80%;
              flex: 0 0 80%;
              max-width: 80%;
            }
			
            .row-flex {
              display: flex;
              display: -webkit-flex;
              flex-wrap: wrap;
            }

			
            .no-pad {
              padding-left: 0;
              padding-right: 0;
            }

            .btn-outline-primary {
              color: #ffffff;
              background-color: transparent;
              background-image: none;
              border-color: #ffffff;
            }
			
            .btn-outline-primary:hover {
              background-color: transparent;
              border-color: #ffffff;
            }
			

            
            .card-content {
              background: #ffffff;
              border: 4px;
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 4px 7px 10px 0 rgba(0, 0, 0, 0.3);
            }
            .card-img {
              position: relative;
              overflow: hidden;
              border-radius: 2px;
              z-index: 1;
            }
            .card-img img {
              width: 100%;
              height: auto;
              display: block;
            }
            .card-desc h3 {
              color: #000000;
              font-weight: 600;
              font-size: 1.5em;
              line-height: 1.3em;
              margin-top: 0;
              margin-bottom: 5px;
              padding: 0;
            }

            img.contain {
              width: 100%;
              max-height: 28vh;
              object-fit: cover;
              overflow: hidden;
              box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
              border: 4px;
              border-bottom: solid 1px #c5c5c5;
            }




            .btn-outline-secondary {
              border-color: #6f6f6f;
            }
           
            #wrapper {
              overflow: hidden;
            }
			
 
 

			
            /* Portrait and Landscape */
            /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
            @media only screen 
              and (min-device-width: 375px) 
              and (max-device-width: 667px) 
              and (-webkit-min-device-pixel-ratio: 2) {

                .display-3 {
                  font-size: 2rem;
                }

                .display-4 {
                  font-size: 1.5rem;
                }


                img.contain {
                  width: 100%;
                  height: 18vh;
                  object-fit: cover;
                  overflow: hidden;
                }


                .card-desc p {
                  color: #000 !important;
                  font-size: 1em;
                  line-height: 1.1em;
                  font-weight: 600 !important;
				  padding-right: 10px;
                }
				
				div.card-desc p.collec {
    padding-right: 10px;
}

                div.carousel-cell > div > div {
                  height: 165px;
                }
            }
            @media only screen 
              and (min-device-width : 1024px) 
              and (max-device-width : 1366px)  {

                .card-desc p {
                  font-size: 1.1em !important;
                  line-height: 1.1em !important;
                  letter-spacing: -1px;
                }
                .display-3 {
                  font-size: 2rem;
                }
                .display-4 {
                  font-size: 2rem;
                }
            }