body {margin: 0;padding: 0;position: relative;box-sizing: border-box;color: #fff;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 16px;background-color: #0C46A6;;height: 100vh;width: 100vw;}

.slideshow-container {box-sizing: border-box;max-width: 1000px;position: absolute;margin: auto;}
.mySlides {display: none;height: 100vh;width: 100vw;background-size: cover; background-repeat: no-repeat;background-position: center center;background-image: url(/images/sa-splash-mobile1.jpg);}
.bg1 {background-image: url(/images/sa-splash-mobile1.jpg);}
.bg2 {background-image: url(/images/sa-splash-mobile2.jpg);}
.bg3 {background-image: url(/images/sa-splash-mobile3.jpg);}
.fade {animation-name: fade;animation-duration: 1.5s;}

.sa-header {position: relative;width: 100%;max-width: 100%;margin: 0;box-sizing: border-box;text-align: left;}
.sa-title {display: none;}
.sa-logo {display: inline-block;width: 400px;max-width: 100%;position: absolute;top: 0px;}
.headline {position: relative;top: 30%;padding: 20px;box-sizing: border-box;}
.sa-freedom {font-family: 'Montserrat', 'Open Sans', Helvetica, Arial, sans-serif; margin: 0;text-transform: uppercase;font-size: 3.2em;line-height: 1em;font-weight: 900;}
.sa-feature {font-size: 1.2em;}
.copyright {position: absolute;bottom: 10px;left: 0px;width: 100vw;box-sizing: border-box;text-align: center;}
.dot {height: 10px;width: 10px;margin: 0 2px;background-color: rgba(0 0 0 / .2);border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active {background-color: rgba(255 255 255 / .3);}

@keyframes fade {from {opacity: .4} to {opacity: 1}}


@media screen and (max-width: 900px) and (max-height: 1280px){
.mySlides {background-position: center bottom;}
.bg1 {background-image: url(/images/sa-splash-mobile-lg1.jpg);}
.bg2 {background-image: url(/images/sa-splash-mobile-lg2.jpg);}
.bg3 {background-image: url(/images/sa-splash-mobile-lg3.jpg);}
.headline {width: 100%;max-width: 700px;margin: 0 auto;}
.sa-feature {text-align: left;}
}

@media screen and (min-width: 820px) and (max-height: 1180px){
.sa-freedom {font-size: 5em;}
.sa-header {max-width: 400px;}
}

@media screen and (min-width: 1024px) and (min-height: 768px){
.bg1 {background-image: url(/images/sa-splash-desktop-sm1.jpg);}
.bg2 {background-image: url(/images/sa-splash-desktop-sm2.jpg);}
.bg3 {background-image: url(/images/sa-splash-desktop-sm3.jpg);}
.headline {width: 100%;max-width: 1024px;margin: 0 auto;}
.sa-feature {text-align: left;font-size: 1.4em;}
.sa-freedom {font-size: 5em;}
.sa-feature {text-align: left;font-size: 1.4em;}
}

@media screen and (min-width: 1280px) {
.bg1 {background-image: url(/images/sa-splash-desktop1.jpg);}
.bg2 {background-image: url(/images/sa-splash-desktop2.jpg);}
.bg3 {background-image: url(/images/sa-splash-desktop3.jpg);}
.sa-header {max-width: 1280px;margin: 0 auto;}
.headline {width: 100%;max-width: 1280px;margin: 0 auto;}
.sa-feature {text-align: left;font-size: 1.4em;}
.sa-freedom {font-size: 5em;}
}