/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
 /* Slider Caption
-----------------------------------------------------------------*/

.slider-caption2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center;
    z-index: 20;
    max-width: 550px;
    color: #eee;
    font-size: 1.375rem;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
}

.slider-caption2:not(.dark),
.slider-caption2:not(.dark) h2 {
	color: #fff;
    text-shadow: none;
}

.slider-caption2:not(.dark),
.slider-caption2:not(.dark) h3 {
	color: #ffffff;
	text-shadow: 2px 1px rgba(0, 0, 0, 0.514);
	 padding:10px;


}
.slider-caption2 h2 {
    font-size: 4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    background-color: #d58b05;
    padding: 20px;

}

.slider-caption2 h3 {
	color: #266185;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 40px;
	letter-spacing: 1px;
    background-color: rgb(33 81 114 / 78%);
	color: #fff;
	text-shadow: 2px 1px rgba(0, 0, 0, 0.514);
	text-transform:uppercase;

}

.slider-caption2 p {
	margin-top: 10px;
	font-size: 1.5rem;
	background-color: #035880;
    padding: 10px;
}



@media only screen and (max-width: 550px) {
.slider-caption2 h2 {
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    background-color: #d58b05;
    padding: 10px;
    margin-left:25px;
    margin-right:20px;

}

.slider-caption2 p {
    margin-top: 10px;
    font-size: 1.3rem;
    background-color: #035880;
    padding: 8px;
    margin-left:25px;
    margin-right:20px;

}    

.button {
    width:40%;
    margin-left:25px;
}
}