#slideshow {
			margin: 0 auto;
			position: relative;
			width: 100%;
			padding: 1% 1% 47.25% 1%;
		}
		#slideshow > div { 
			position: absolute; 
			top: 10px; 
			left: 10px; 
			right: 10px; 
			bottom: 10px; 
		}
		#slideshow > div > img {
			width:100%;
			height:100%;
		}
		#slideshow:hover i, #slideshow:hover .slider-dots{
			opacity: 1;
			}

		.slidebtn {
			z-index:99;
			background:transparent;
			outline:none;
			border:none;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
			padding:0 10px 0 10px;
			}
		.slidebtn:active, .slidedtn:focus {
			outline:none;
		}
		.slidebtn i {
			color: #000;
			font-size: 72px;
			opacity: 0.4;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}
		.prev {
			position: absolute; 
			top: 10px; 
			left: 10px; 
			bottom: 10px;
		}
		.next {
			position: absolute; 
			top: 10px; 
			right: 10px; 
			bottom: 10px;
		}
		.slider-dots {
		  list-style: none;
		  display: inline-block;
		  padding-left: 0;
		  margin-bottom: 0;
		  position:absolute;
		  left:50%;
		  bottom:3%;
		  transform: translate(-50%, 0);
		  z-index:99;
		  -webkit-transition: all 0.3s;
		  -moz-transition: all 0.3s;
		  transition: all 0.3s;
		}
		.slider-dots li {
			color: #9c9c9c;
			display: inline;
			font-size: 48px;
			margin-right: 5px;
			cursor: pointer;
		}
		.slider-dots li.active-dot {
		    color: #000;
		}
		.harper-slider-text {
			z-index: 0;
			padding: 5px;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 50px;
			line-height: 1em;
			position: absolute;
			top: 10%;
			left: 50px;
			right: 50px;
			width: fit-content;
			text-align: left;
			padding-left: 64px;
			padding-right: 64px;
			max-width: calc(100% - 100px);
			margin: auto;
		}
		
		.box-style-special-slider-full-width .container {
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			margin-left: 0;
			margin-right: 0;
		}
		.harper-slider-text h2 {
			font-size: 4.4vw;
			color: #e6b141;
			border-bottom: solid 7px;
		}
		
		.harper-slider-text h3 {
			font-size: 3.5vw;
			color: #036;
			border-bottom: solid 0px;
		}
		
		.harper-slider-text li {
			font-size: 2.3vw;
		}
		.harper-slider-text ul {
		  list-style: none; /* Remove default bullets */
		}		
		.harper-slider-text ul li::before {
		  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		  color: #e6b141; /* Change the color */
		  font-weight: bold; /* If you want it to be bold */
		  display: inline-block; /* Needed to add space between the bullet and the text */
		  width: 1em; /* Also needed for space (tweak if needed) */
		  margin-left: -1em; /* Also needed for space (tweak if needed) */
		}
		@media only screen and (max-width: 900px) {
			.slidebtn i {
				font-size: 40px;
			}
			.slider-dots{
				display:none;		
			}
			.harper-slider-text {
				font-size: 50px;
				line-height: 1em;
				top: 10%;
				left: 50px;
				right: 50px;
				width: fit-content;
				text-align: left;
				padding-left: 21px;
				padding-right: 64px;
				max-width: calc(100% - 58px);
				margin: auto;
			}		
		}
		@media only screen and (min-width: 900px) {		
			.slideshow-part-width .harper-slider-text h2 {
				font-size: 4.1vw;
				color: #e6b141;
				border-bottom: solid 7px;
			}
			.slideshow-part-width .harper-slider-text li {
				font-size: 2vw;
			}
			.slideshow-part-width .harper-slider-text.harper-slide-final h2 {
				font-size: 3.6vw;
				color: #fff!important;
				border-bottom: solid 7px;
			}
			.slideshow-part-width .harper-slider-text.harper-slide-final p {
				color: #fff!important;
				font-size: 1.8vw;
			}
		}		
		@media only screen and (min-width: 900px) {		
			.harper-slide-left {
				z-index: 0;
				padding: 5px;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 50px;
				line-height: 1em;
				position: absolute;
				top: 10%;
				left: 27%;
				right: 10%;
				width: fit-content;
				text-align: left;
				padding-left: 64px;
				padding-right: 64px;
				max-width: calc(100% - 30%);
				margin: auto;
			}
			.harper-slide-right {
				z-index: 0;
				padding: 5px;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 50px;
				line-height: 1em;
				position: absolute;
				top: 10%;
				right: 24%;
				width: fit-content;
				text-align: left;
				padding-left: 64px;
				padding-right: 64px;
				max-width: calc(100% - 28%);
				margin: auto;
			}
		
			.harper-slide-final {
				z-index: 0;
				padding: 5px;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 50px;
				line-height: 1em;
				position: absolute;
				top: 10%;
				width: fit-content;
				text-align: left;
				padding-left: 64px;
				padding-right: 64px;
				max-width: calc(100% - 28%);
				margin: auto;
			}
		
		
		}		
		
		.harper-slider-text.harper-slide-final h2 {
			font-size: 4vw;
			color: #fff!important;
			border-bottom: solid 7px;
		}
		
		.harper-slider-text.harper-slide-final p {
			color: #fff!important;
			font-size: 2vw;
		}
		p.btn.btn-large.btn-primary.white.btn-final-slide {
			padding-bottom: 10px;
			padding-top: 10px;
			padding-left: 40px;
			padding-right: 40px;
			font-size: 1.9vw;
		}																			
		
		@media only screen and (max-width: 600px) {
			.slidebtn i {
				font-size: 40px;
			}
			.slider-dots{
				display:none;		
			}
			.harper-slider-text {
				font-size: 50px;
				line-height: 1em;
				top: 0%;
				left: 50px;
				right: 50px;
				width: fit-content;
				text-align: left;
				padding-left: 21px;
				padding-right: 64px;
				max-width: calc(100% - 58px);
				margin: auto;
			}
			.harper-slider-text ul {
				padding-left: 3vw;
			}		
			.harper-slider-text li {
				font-size: 2.7vw;
				line-height: 2.7vw;
			}
			.harper-slider-text h2 {
				font-size: 4vw;
				color: #e6b141;
				border-bottom: solid 7px;
			}		
		}		
		
	
		
		.video-post-container .video-posts {
			background: transparent;
			font-size: 0;
			position: relative;
			width: calc(100% - 80px);
			float: left;
		}
		.video-post-container {
			display: flex;
			background: transparent;
			margin-bottom: 40px;
		}
		.video-posts-next, .video-posts-prev {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.video-post-container .video-posts-prev, .video-post-container .video-posts-next {
			color: #000;
			text-decoration: none;
			padding: 10px;
			margin: 5px 0;
			float: left;
			font-size: 3em;
			border-bottom: none;
			height: unset;
			display: flex;
		}

		.video-posts-stage {
			position: relative;
			white-space: normal;
			width: 100%;
			height: 100%;
			float: none;
			flex-direction: row;
			overflow: hidden;
			display: flex;
		}
		.video-posts-stage .well-large {
			display: inline-flex;
			margin: 0;
			max-width: 25%;
			flex-shrink: 0;
			margin-bottom: 0;
			background: transparent;
		}
		.video-posts-stage .well-large .row {
			background: #e4e4e4;
			margin: 10px;
			padding: 24px;}
		
					span.home-news-mobile-img {
				display: none;
			}
			
			@media screen and (max-width: 1100px){     
				.well.well-large .img-responsive {
					display: none;
				}
				span.home-news-mobile-img {
					display: inline;
				}
				.blog-posts-stage .well-large {
					max-width: 100%;
				}	
				.blog-post-img-mobile {
					width: 200px;
					float: left;
					margin: 20px;
					margin-top: 0;
					margin-left: 0;
				}
				.blog-post-container {
					display: flex;
				    background: #e4e4e4;
				}
			}		
					span.home-news-mobile-img {
				display: none;
			}
			
			@media screen and (max-width: 1100px){     
				.ceremony.well-large .img-responsive {
					display: none;
				}
				span.home-news-mobile-img {
					display: inline;
				}
				.video-posts-stage .well-large {
					max-width: 100%;
				}	
				.video-post-img-mobile {
					width: 200px;
					float: left;
					margin: 20px;
					margin-top: 0;
					margin-left: 0;
				}
				.video-post-container {
					display: flex;
				    background: #e4e4e4;
				}