@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
	text-align: center;
}


h6 {
	font-size: 20px;
	text-align: center;
	font-weight: lighter;
}


p {
	font-family: sans-serif;
	text-align: left;
     	line-height: 1.6;
}


.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.story-header{
	padding-top: 180px;
	padding-bottom: 60px;
	font-size: 40px;
	line-height: 1;
}

.story-subtitle{
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 40px;
}

.singleimg-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 15vw;
	margin-right: 15vw;
}

.singleimg-container-wide{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 0vw;
	margin-right: 0vw;
}

.content-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 15vw;
	margin-right: 15vw;
}

.caption {
	font-size: 13px;
	text-align: center;
	margin-top: 6px;
	font-weight: lighter;
}

.lightcaption {
	font-size: 13px;
	text-align: center;
	margin-top: 6px;
	font-weight: lighter;
}

* {
	box-sizing: border-box;
}


@media screen and (min-width: 601px) {
p {
	font-size: 30px;
}
.singleimg-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 15vw;
	margin-right: 15vw;
}

.singleimg-container-wide{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 0vw;
	margin-right: 0vw;
}

.content-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 15vw;
	margin-right: 15vw;
}
}

@media screen and (max-width: 600px) {
p {
	font-size: 24px;
	line-height: 1.5;
}
.singleimg-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 0vw;
	margin-right: 0vw;
}

.singleimg-container-wide{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 0vw;
	margin-right: 0vw;
}

.content-container{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 5vw;
	margin-right: 5vw;
}
}

/*grid*/

.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
}

.gridcontainer {
	margin-left: 20vw;
	margin-right: 20vw;
  	padding-top:5vw;
	padding-bottom: 5vw;
}

/* Create two equal columns that sits next to each other */
.column {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	padding: 0 10px;
}

.column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
	-ms-flex: 100%;
	flex: 100%;
	max-width: 100%;
  }
}

.mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6, .mySlides7, .mySlides8, .mySlides9 {
	display: none;
}

img {
	vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
	position: relative;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.prev, .next {
	cursor: pointer;
	width: auto;
	padding: 10px;
	color: #000000;
	font-weight: lighter;
	font-size: 10px;
	font-family: sans-serif;
}

.prev:hover, .next:hover {
	text-decoration: none;
}

.block {
	display: block
}