.usa-header .slider-pro {
	padding-bottom: 1.5em;
}

.usa-header .sp-slides-container {
    /*min-height: auto;*//* maybe not necessary */
}

.usa-header .usa-header .sp-slides {
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
.usa-header .sp-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.usa-header .sp-slide h2 {
    margin-top: 0;
    font-size: 2.2rem;
}

.usa-header .sp-buttons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 2%;
    z-index: 9;
    width: 60px;
    padding-top: 0;
}
.usa-header .sp-button {
    width: 16px;
    height: 16px;
    margin: 2px;
    border-color: #243745;
}
.usa-header .sp-button:not(.sp-selected-button):hover {
    border-color: #1582c5;
}
.usa-header .sp-selected-button {
    background-color: #243745;
    cursor: default;
}

/* Content layer */
.usa-header .sp-layer-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*padding: 1em;*/
}
.usa-header .sp-layer {
    align-items: flex-end;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
	width: 100% !important;
    margin: 0;
    padding: 1.5rem 4.5rem;
    color: #f1f1f1;
	background-color: rgba(106, 124, 188, 0.7);
}
.usa-header .sp-layer * {
    color: inherit;
}

.usa-header .sp-layer-inner > :last-child {
  margin-bottom: 0;
}

/* Background colors */
.usa-header .background-dark-blue {
    color: #fff;
    background-color: #243745;
}
.usa-header .background-light-blue {
    color: #fff;
    background-color: #1582c5;
}
.usa-header .background-light-gray {
    background-color: #f1f1f1;
}
.usa-header .background-light-gray,
.usa-header .background-light-gray * {
    color: #121212;
}
.usa-header .background-white {
    background-color: #fff;
}
.usa-header .background-white,
.usa-header .background-white * {
    color: #121212;
}

/* Buttons */
.usa-header .sp-layer .usa-button,
.usa-header .sp-layer .usa-button-primary,
.usa-header .sp-layer .usa-button-primary:visited,
.usa-header .sp-layer .usa-button:visited,
.usa-header .sp-layer [type=button],
.usa-header .sp-layer [type=image],
.usa-header .sp-layer [type=reset],
.usa-header .sp-layer [type=submit],
.usa-header .sp-layer button {
    width: auto;
    margin: 0;
    color: #fff;
    background-color: #1582c5;
}
.usa-header .background-light-blue .usa-button,
.usa-header .background-light-blue .usa-button-primary,
.usa-header .background-light-blue .usa-button-primary:visited,
.usa-header .background-light-blue .usa-button:visited,
.usa-header .background-light-blue [type=button],
.usa-header .background-light-blue [type=image],
.usa-header .background-light-blue [type=reset],
.usa-header .background-light-blue [type=submit],
.usa-header .background-light-blue button {
    color: #121212;
    background-color: #f1f1f1;
}
.usa-header .sp-layer .usa-button-primary.usa-button-hover,
.usa-header .sp-layer .usa-button-primary:hover,
.usa-header .sp-layer .usa-button-primary:visited.usa-button-hover,
.usa-header .sp-layer .usa-button-primary:visited:hover,
.usa-header .sp-layer .usa-button.usa-button-hover,
.usa-header .sp-layer .usa-button:hover,
.usa-header .sp-layer .usa-button:visited.usa-button-hover,
.usa-header .sp-layer .usa-button:visited:hover,
.usa-header .sp-layer [type=button].usa-button-hover,
.usa-header .sp-layer [type=button]:hover,
.usa-header .sp-layer [type=image].usa-button-hover,
.usa-header .sp-layer [type=image]:hover,
.usa-header .sp-layer [type=reset].usa-button-hover,
.usa-header .sp-layer [type=reset]:hover,
.usa-header .sp-layer [type=submit].usa-button-hover,
.usa-header .sp-layer [type=submit]:hover,
.usa-header .sp-layer button.usa-button-hover,
.usa-header .sp-layer button:hover {
    color: #fff;
    background-color: #165191;
}
.usa-header .background-dark-blue .usa-button-primary.usa-button-hover,
.usa-header .background-dark-blue .usa-button-primary:hover,
.usa-header .background-dark-blue .usa-button-primary:visited.usa-button-hover,
.usa-header .background-dark-blue .usa-button-primary:visited:hover,
.usa-header .background-dark-blue .usa-button.usa-button-hover,
.usa-header .background-dark-blue .usa-button:hover,
.usa-header .background-dark-blue .usa-button:visited.usa-button-hover,
.usa-header .background-dark-blue .usa-button:visited:hover,
.usa-header .background-dark-blue [type=button].usa-button-hover,
.usa-header .background-dark-blue [type=button]:hover,
.usa-header .background-dark-blue [type=image].usa-button-hover,
.usa-header .background-dark-blue [type=image]:hover,
.usa-header .background-dark-blue [type=reset].usa-button-hover,
.usa-header .background-dark-blue [type=reset]:hover,
.usa-header .background-dark-blue [type=submit].usa-button-hover,
.usa-header .background-dark-blue [type=submit]:hover,
.usa-header .background-dark-blue button.usa-button-hover,
.usa-header .background-dark-blue button:hover {
    color: #121212;
    background-color: #f1f1f1;
}
@media screen and (min-width: 420px) {
    .usa-header .sp-layer {
        align-items: center;
        top: auto !important;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media screen and (min-width: 600px) {
    .usa-header .sp-slide h2 {
        font-size: 2.5rem;
    }
}
@media screen and (min-width: 951px) {
    .usa-header .sp-layer {
    	width: 33.3334% !important;
        padding-left: 2rem;
        padding-right: 2rem;
        border-radius: 3px;
    	/*background-color: transparent;*/
    }
    .usa-header .sp-layer[data-width="25%"] {
    	width: 25% !important;
    }
    .usa-header .sp-layer[data-width="33%"] {
    	width: 33.3334% !important;
    }
    .usa-header .sp-layer[data-width="40%"] {
    	width: 40% !important;
    }
    .usa-header .sp-layer[data-width="50%"] {
    	width: 50% !important;
    }
    .usa-header .sp-layer.sp-layer-top {
        bottom: auto !important;
    	margin-top: 2.5rem;
    }
    .usa-header .sp-layer.sp-layer-center {
        top: 33% !important;
        bottom: auto !important;
    }
    .usa-header .sp-layer.sp-layer-bottom {
    	margin-bottom: 2.5rem;
    }
    .usa-header .sp-layer.sp-layer-left {
        left: 0 !important;
        margin-left: 3.5rem;
    }
    .usa-header .sp-layer.sp-layer-right {
        left: auto !important;
        right: 0 !important;
        margin-right: 3.5rem;
    }

    .usa-header .sp-layer.text-color-light,
    .usa-header .sp-layer.text-color-light * {
        color: #f1f1f1;
    }
    .usa-header .sp-layer.text-color-dark .usa-button,
    .usa-header .sp-layer.text-color-dark .usa-button-primary,
    .usa-header .sp-layer.text-color-dark .usa-button-primary:visited,
    .usa-header .sp-layer.text-color-dark .usa-button:visited,
    .usa-header .sp-layer.text-color-dark [type=button],
    .usa-header .sp-layer.text-color-dark [type=image],
    .usa-header .sp-layer.text-color-dark [type=reset],
    .usa-header .sp-layer.text-color-dark [type=submit],
    .usa-header .sp-layer.text-color-dark button {
            color: #fff;
    }
}

.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
    /*align-self: center;*/
    height: 100%;
}
@media screen and (min-width: 1200px) {
    .slider-pro canvas,
    .slider-pro embed,
    .slider-pro iframe,
    .slider-pro object,
    .slider-pro video {
        /*max-width: 100%;*/
        /*height: auto;*/
    }
}

