body.main.hideleft div.main .content.fullscreen.height-75 {height: 85vh !important;}

div.main .content.fullscreen.bg-image.flex .bg-image {height: inherit !important;}

div.main .content.fullscreen .container.bottom .callout icon.large {background-image: url(https://khloud.s3.amazonaws.com/resources/shine/images/icons/themes/ranger/icons-black-large.png) !important;}
div.main .content.fullscreen .container.bottom .callout icon.black {background-image: url(https://khloud.s3.amazonaws.com/resources/shine/images/icons/themes/ranger/icons-black-normal.png) !important;}

div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container * {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: -160px !important;}
div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(6) {bottom: -270px !important;}
div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(7) {bottom: -260px !important;}

div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 250px !important;}

div.main ul.gallery-square.small li {border-radius: 7px; background-color: #000; border: 1px solid rgba(255, 255, 255, 0.85); width: 307px !important;}
div.main ul.gallery-square.small li .gallery-content {height: 100% !important;}
div.main ul.gallery-square.small li .gallery-content footer {border: 0 !important; width: calc(100% - 40px); margin-right: 10px !important;}
div.main ul.gallery-square.small li .gallery-content * {color: #FFF;}

div.main ul.gallery-square.small a:hover {text-decoration: none;}
div.main ul.gallery-square.small a:hover li div.background.dimmed {opacity: 0.70 !important;}

div.main ul.gallery-square.small a li .gallery-content footer p span {background-color: transparent; padding: 2px 10px; border-radius: 25px;}
div.main ul.gallery-square.small a:hover li .gallery-content footer p span {background-color: rgba(0, 0, 0, 0.50);}

div.main ul.gallery-square.small.extras li {border: 0; background-color: transparent;}
div.main ul.gallery-square.small.extras li div.background {border: 3px solid #FFF; height: 301px; width: 301px; background-color: #000; background-repeat: no-repeat; flex: 0 auto;}
div.main ul.gallery-square.small.extras li div.background div {width: 100%; height: 100%; background-color: #000; border-radius: 7px; opacity: 0;}

div.main ul.gallery-square.small.extras li a div.background div {opacity: 0.10;}
div.main ul.gallery-square.small.extras li a:hover div.background div {opacity: 0;}

div.main ul.gallery-square.small.extras li .gallery-content-extras {background-color: rgba(0, 0, 0, 0.50) !important; border-radius: 7px; margin-top: 15px; flex: 1 auto; display: flex; flex-direction: column;}
div.main ul.gallery-square.small.extras li .gallery-content-extras * {color: #E2B468;}
div.main ul.gallery-square.small.extras li .gallery-content-extras .container {padding: 10px 20px !important;}
div.main ul.gallery-square.small.extras li .gallery-content-extras .container h5 {margin: 0;}
div.main ul.gallery-square.small.extras li .gallery-content-extras .container h5 ~ p {margin: 12px 0 0;}

div.main ul.gallery-square.small.extras li .gallery-content-extras footer {border: 0 !important; width: calc(100% - 40px); margin-right: 10px !important; padding-top: 5px !important;}
div.main ul.gallery-square.small.extras li .gallery-content-extras footer p.right-aligned {margin: 10px 0;}
div.main ul.gallery-square.small.extras li .gallery-content-extras footer p span {background-color: transparent; padding: 2px 10px; border-radius: 25px;}
div.main ul.gallery-square.small.extras li a:hover .gallery-content-extras footer p span {background-color: rgba(0, 0, 0, 0.50);}

div.main ul.gallery-square.small.extras li a {display: flex; flex-direction: column; height: 100%;}

div.main .container .content.partialscreen.column-2 li section.description.flex h4 a {color: #E2B468;}


div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage {padding: 0; width: 100%; height: 100%;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li {width: 25%; height: 25%; position: absolute; padding: 0; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1.5px #FFF;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li a {width: 100%; height: 100%;}

div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(1)  {left: 0; top: 0; border-radius: 7px 0 0 0;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(2)  {left: 25%; top: 0;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(3)  {left: 50%; top: 0; width: 50%; border-radius: 0 7px 0 0;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(4)  {left: 0; top: 25%; width: 50%; height: 50%;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(5)  {left: 50%; top: 25%;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(6)  {left: 75%; top: 25%;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(7)  {left: 50%; top: 50%;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(8)  {left: 75%; top: 50%; height: 50%; border-radius: 0 0 7px 0;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(9)  {left: 0; top: 75%; border-radius: 0 0 0 7px;}
div.main .constrain-width .content.partialscreen.column-2 li section.image div ul.image-collage li:nth-child(10) {left: 25%; top: 75%; width: 50%;}




@media only screen and (max-width: 1350px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(3) {top: 0 !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: -30px !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(6) {bottom: -130px !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(7) {bottom: -130px !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(8) {bottom: -100px !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(10) {bottom: -110px !important;}
	
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 400px !important;}

	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: -80px !important;}
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(6) {bottom: -190px !important;}
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(7) {bottom: -180px !important;}
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 320px !important;}
}


@media only screen and (max-width: 1300px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 450px !important;}
}


@media only screen and (max-width: 1230px) {
	div.main section.fixed ~ .content.flow.bg-image:nth-of-type(3) {
		background: url(../../assets/images/exs-mountain-lake.png) no-repeat left -150px / 150% auto, url(../../assets/images/exs-lake-bg-tall.png) no-repeat center 300px / 100% 100% !important;
	}
}


@media only screen and (max-width: 1190px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(3) {top: 7vh !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(4) {top: 7vh !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: -0.5vh !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(8) {bottom: -80px !important;}

	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 350px !important;}
}


@media only screen and (max-width: 1020px) {
	div.main section.fixed ~ .content.flow.bg-image:nth-of-type(3) {
		background: url(../../assets/images/exs-mountain-lake.png) no-repeat left -230px / 250% auto, url(../../assets/images/exs-lake-bg-tall.png) no-repeat center 300px / 100% 100% !important;
	}
}


@media only screen and (max-width: 900px) {
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: 0 !important;}
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(6) {bottom: -120px !important;}
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(7) {bottom: -100px !important;}
}


@media only screen and (max-width: 700px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(9) {left: 5% !important;}
}


@media only screen and (max-width: 689px) {
	div.main section.fixed ~ .content.flow.bg-image:nth-of-type(3) {
		background: url(../../assets/images/exs-mountain-lake.png) no-repeat left -150px / 300% auto, url(../../assets/images/exs-lake-bg-tall.png) no-repeat center 300px / 100% 100% !important;
	}
}


@media only screen and (max-width: 600px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(8) {left: -5% !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(9) {left: 15% !important;}
}


@media only screen and (max-width: 500px) {
	div.main section.fixed ~ .content.flow.bg-image:nth-of-type(3) {
		background: url(../../assets/images/exs-mountain-lake.png) no-repeat left -200px / 400% auto, url(../../assets/images/exs-lake-bg-tall.png) no-repeat center 300px / 100% 100% !important;
	}
}


@media only screen and (max-width: 480px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(3) {top: 10vh !important; background-size: 280% auto;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(4) {top: 25vh !important; background-size: 150% auto;}

	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {max-width: 250px !important;}

	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 250px !important;}

	div.main section.fixed ~ .content.flow.bg-image:nth-of-type(3) {
		background: url(../../assets/images/exs-mountain-lake.png) no-repeat left -130px / 400% auto, url(../../assets/images/exs-lake-bg-tall.png) no-repeat center 300px / 100% 100% !important;
	}
}


@media only screen and (max-width: 400px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(8) {left: -7% !important;}
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(9) {left: 21% !important;}							
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(10) {bottom: -80px !important;}							

	body.main.hideleft div.main .content.fullscreen.bg-image.flex article .container.bottom {padding-left: 7px;}

	div.main ul.gallery-square.small.extras li {width: 300px !important;}
	div.main ul.gallery-square.small.extras li div.background {border: 3px solid #FFF; height: 294px; width: 294px;}
	
	div.main ul.gallery-square.small.extras li .gallery-content-extras .container p {font-size: 21px !important;}
	div.main ul.gallery-square.small.extras li .gallery-content-extras .container h5 {font-size: 27px;}
	div.main ul.gallery-square.small.extras li .gallery-content-extras footer p {font-size: 18px !important;}
	
	div.main section.fixed ~ .content.flow.bg-image:last-of-type .fill-container .container.flow.constrain-width > div {padding: 20px !important; margin: 50px auto !important;}
	div.main section.fixed ~ .content.flow.bg-image:last-of-type .fill-container .container.flow.constrain-width > div p {font-size: 21px !important;}
	div.main section.fixed ~ .content.flow.bg-image:last-of-type .fill-container .container.flow.constrain-width > div h3 {font-size: 30px !important;}
  
	div.main .constrain-width .content.partialscreen.column-2 li section.image div a img {width: 100% !important; height: auto !important;}
	div.main .container .content.partialscreen.column-2 li section.description p {font-size: 21px !important;}
	div.main .container .content.partialscreen.column-2 li section.description.flex h3 {font-size: 30px !important;}
	div.main .container .content.partialscreen.column-2 li section.description.flex h4 {font-size: 25px !important; margin: 25px 0 !important;}
	div.main .container .content.partialscreen.column-2 li section.description.flex em h5 {font-size: 22px !important; line-height: normal;}
}


@media only screen and (max-height: 590px) {
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-bottom: 250px !important;}
}


@media only screen and (max-height: 520px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-top: 64px; top: 0; position: absolute; filter: drop-shadow(0 3px 3px rgba(255, 255, 255, 0.80));}
}


@media only screen and (max-height: 520px) and (max-width: 400px) {
	div.main .content.fullscreen.bg-image.flex.crater-lake > div.fill-container:nth-child(11) img {margin-top: 64px; top: 0; position: absolute;}
}


@media only screen and (max-height: 480px) {
	div.main .content.fullscreen.height-75.bg-image.flex.crater-lake > div.fill-container:nth-child(5) {bottom: -130px !important;}
}




@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {

div.main .content.fullscreen .container.bottom .callout icon.large {background-image: url(https://khloud.s3.amazonaws.com/resources/shine/images/icons/themes/ranger/icons-black-large-2x.png) !important;}
div.main .content.fullscreen .container.bottom .callout icon.black {background-image: url(https://khloud.s3.amazonaws.com/resources/shine/images/icons/themes/ranger/icons-black-normal-2x.png) !important;}

}