/* see general.css for default styles for all sizes*/
.header-slider__content.story-bar {
    background-image: linear-gradient(to right, #79a4dc, #79a4dc, #156c9f, #006094);
}
.home-page-header-slider .header-slider__slide .header-slider__content.page-title-text {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    background-color: rgb(0, 0, 0, .3);
}
.home-page-header-slider .header-slider__slide .header-slider__content h1 {
    font-size: 120%;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 17%;
	left: 5%;
	text-align: left;
    line-height: 1em;
    margin: 0 auto;
}
.header-slider__content.page-title-text .header-slider__content__desc.item-1 {
    position: absolute;
    top: 29%;
    font-size: 120%;
    text-align: center;
    font-weight: bold;
	left: 5%;
}
.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
	position: absolute;
    top: 40%;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
	margin: auto;
	width: 50%;
}
.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
	position: absolute;
    top: 60%;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
	margin: auto;
	width: 50%;
}
.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
	position: absolute;
    top: 75%;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
	margin: auto;
	width: 50%;
}
.header-slider__content.page-title-text .header-slider__content__desc.item-5 {
	position: absolute;
    top: 90%;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
	margin: auto;
	width: 50%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	horizontal phones (640+)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 620px) {
	.home-page-header-slider .header-slider__slide .header-slider__content h1 {
   		top: 25%;
		left: 15%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 42%;
		left: 16%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		top: 55%;
		width: 80%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		top: 68%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		top: 80%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {

	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Medium devices (tablets, 750px and up) 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 734px) {

    .home-page-header-slider .header-slider__slide .header-slider__content h1 {
   		top: 25%;
		left: 15%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 42%;
		left: 16%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		top: 55%;
		width: 80%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		top: 68%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		top: 80%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {

	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Large devices (desktops, 976px and up, iPad Pro 1024px wide) - this size is where the fau template changes, rather than 992px
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 959px) {
    .home-page-header-slider .header-slider__slide .header-slider__content.page-title-text {
        left: 6%;
        width: 45%;
        background: none;
    }
     .home-page-header-slider .header-slider__slide .header-slider__content h1 {
   		top: 20%;
		left: 15%;
		font-size: 130%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 36%;
		left: 40%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		top: 50%;
		width: 60%;
		left: 75%;
		line-height: 1em;
		font-size: 150%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		top: 63%;
		left: 92%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		top: 85%;
		left: 15%;
		color: #036;
		text-align: left;
		width: 50%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {
		top: 85%;
		left: 130%;
		color: #036;
		text-align: left;
		width: 50%;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	styles for laptop devices 1440px
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1400px) {
    .home-page-header-slider .header-slider__slide .header-slider__content.page-title-text {
        
    }
    .home-page-header-slider .header-slider__slide .header-slider__content h1 {
		font-size: 180%;
		top: 15%;
    }
   .header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 28%;
		left: 40%;
	   	font-size: 150%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		top: 35%;
		font-size: 180%;
		left: 70%;
		top: 45%;
		width: 60%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		top: 48%;
		left: 88%;
		width: 30%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		width: 40%;
		top: 60%;
		background-color: rgb(255, 255, 255, 0.5);
		padding: .5em 1em;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {
		top: 60%;
		background-color: rgb(255, 255, 255, 0.5);
		left: 130%;
		color: #036;
		text-align: left;
		width: 40%;
		padding: .5em 1em;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	styles for large desktop monitors - 1920 wide x 1080 tall
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1900px) {
    .home-page-header-slider .header-slider__slide .header-slider__content.page-title-text {
        width: 41%;
        left: 6%;
    }
	.home-page-header-slider .header-slider__slide .header-slider__content h1 {
		font-size: 200%;
    }
   .header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 30%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		font-size: 250%;
		left: 85%;
		top: 50%;
		width: 60%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		left: 112%;
		top: 52%;
		font-size: 140%;
		width: 25%;
		text-align: left;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		top: 75%;
		font-size: 120%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {
		top: 75%;
		font-size: 120%;
		left: 160%;
	}
   
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Large MAC desktop - 2560 wide x 1440 tall
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 2500px) {
   .home-page-header-slider .header-slider__slide .header-slider__content h1 {
		font-size: 300%;
	   left: 10%;
    }
   .header-slider__content.page-title-text .header-slider__content__desc.item-1 {
		top: 33%;
	   font-size: 200%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-2 {
		font-size: 300%;
		top: 50%;
		width: 50%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-3 {
		width: 25%;
		top: 57%;
		font-size: 180%;
		left: 108%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-4 {
		font-size: 180%;
		top: 80%;
		left: 25%;
	}
	.header-slider__content.page-title-text .header-slider__content__desc.item-5 {
		top: 80%;
		font-size: 180%;
		left: 160%;
		width: 35%;
	}
   
}