#default-image {
    padding: 30px 0 60px 0;
}

figure {
     display: flex;
     width: 100%;
	height: 100%;
}

figure img {
    width: 100%;
	height: 100%;
}

.wide-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.wide-img {
	display: flex;
	/* height: 400px; */
	height: 500px;
	overflow-y: hidden;
    padding-bottom: 20px;
}

.precrop {
    display: flex;
     width: 100%;
	height: 100%;
    padding-bottom: 20px;
}

.precrop img {
    width: 100%;
	height: 100%;
}

/* side by side images */

.two-img {
    display: flex;
    flex-direction: row;
    height: 500px;
    margin-bottom: 20px;
}

.two-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	object-position: center;
}

.two-img figure:nth-of-type(1) {
   margin-right: 10px;
   text-align: center;
}

.two-img figure:nth-of-type(2) {
  margin-left: 10px;
   text-align: center;
}

/* side by side images WITH CAPTION
-------------------------------- */

.two-img-two-cap {
    display: flex;
    flex-direction: row;
    margin: 80px 0 80px 0;
    height: 500px;
	/* overflow-y: hidden; */
}

.two-img-two-cap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	object-position: center;
}

.two-img-two-cap figure:nth-of-type(1) {
   margin-right: 10px;
   text-align: center;
   display: flex;
    flex-direction: column;
}

.two-img-two-cap figure:nth-of-type(2) {
  margin-left: 10px;
   text-align: center;
   display: flex;
    flex-direction: column;
}

.two-img-two-cap figure figcaption {
    font: 400 16px/1.35 "Inter", sans-serif;
    padding: 10px;
}

/* one caption side by side images */

.two-image-one-cap .two-image {
    display: flex;
    flex-direction: row;
    margin: 80px 0 10px 0;
    height: 250px;
}

.two-image-one-cap {
    text-align: center;
}

.two-image-one-cap .two-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	object-position: center;
}

.two-image-one-cap figure:nth-of-type(1) {
   margin-right: 10px;
   text-align: center;
}

.two-image-one-cap figure:nth-of-type(2) {
  margin-left: 10px;
  text-align: center;
}

.two-image-one-cap figcaption {
    font: 400 16px/1.35 "Inter", sans-serif;
    padding: 10px;
}



/* Small Image next to Paragraphs 
-------------------------------- */

.img-text-wrapper {
    margin-left: 100px;
	margin-right: 100px;
	max-width: 850px;
}

.img-text {
    display: flex;
    flex-direction: row;
	margin-bottom: 20px;
}

.img-text figure {
	width: 120px;
	height: 120px;
	margin-right: 30px;
}

.img-text figure img{
	width: 120px;
	height: 120px;
}

.img-text div p {
    padding: 0 0 10px 0;
}



/* Sidescrol image gallery
-------------------------------- */

.side-scroll-spacing {
    height: 500px;
}
.side-scroll {
   display: flex;
   /* position: absolute; */
    flex-direction: row;
    height: 520px;
    /* overflow-x: hidden; */
    overflow-y: scroll;
  /* overflow-x: scroll; */
  
  white-space: nowrap;

     }

 .side-scroll figure {
        /* display: flex; */
        height: 100%;
        width: 100%;

            }

 .side-scroll figure img {
     /* display: flex; */
    height: 500px;
     width: auto;
     padding-right: 20px;

     /* object-fit: contain; */
    flex-shrink: 0;
 }

.side-scroll-space {
    height: 520px;
}


 /* Media Queries
--------------- */

@media (max-width: 740px) {
.img-text { flex-direction: column; } 

.img-text figure {
	margin-bottom: 20px;
    margin-top: 20px;
}


}



 @media (max-width: 600px) {

.wide-img {
	height: 300px;
}

.two-img-two-cap {
    height: 300px;
}

.two-img {
    height: 300px;
}

.two-image-one-cap .two-image {
    height: 150px;
}

.img-text-wrapper {
    margin-left: 60px;
	margin-right: 60px;
}

 }