#business-splashscreen { background: white; opacity:0; position:fixed; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; line-height: 1em; } 
.preload-transition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } 
.removeSplash { opacity:0!important; } 
.visuallyhidden { position: absolute!important; overflow: hidden!important; clip: rect(0 0 0 0)!important; height: 1px!important; width: 1px!important; margin: -1px!important; padding: 0!important; border: 0!important; opacity:0!important; z-index:-1!important; } 
.flex-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    margin-bottom: 1%;
    padding: 0;
}
.grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%
}
.bus-splash-container
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	height:100%;
	width:100%;
}
.bus-splash-item
{
	text-align: center; 
	width: 39%;
}
h1.bus-splash
{
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 5.813em;
	line-height: 1em; 
    margin: 0;
    color: #002e63;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #857345;
    display:inline-block;
}
h2.bus-splash {
    font-family: Ebrima,Segoe,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    font-size: 1.802em;
	line-height: 1em; 
	display:block;
    color: #002e63;
	margin-top: 2%;
    margin-bottom: 0;
}

.bus-splash img {
    max-width: 66%;
	max-height:10%
}

.go-digital {
	text-transform: uppercase;
	font-size: 2.063em;
	line-height: 1em; 
	color: #002e63;
	margin: 6% 0 6% 0;
}

.go-digital > .subtitle {
	font-family: Ebrima,Segoe,Arial,Helvetica,sans-serif;
	text-transform: none;
	font-size: 0.909em;
	line-height: 1em; 
	
}

.quote {
	font-family: Ebrima,Segoe,Arial,Helvetica,sans-serif;
	font-size: 1.429em;
	line-height: 1.15em; 
	color: #002e63;
	margin: 0% 0 2% 0;
	position:relative;
	display:inline-block;
}

.quote .double {
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 8.857em;
    color: #857345;
    display: block;
    position: relative;
    opacity: .4;
    z-index: -9999;
    font-weight: bold;
}
.quote .double.start {
    margin-top: 4%;
    margin-left: -117%;
}

.quote .double.end {
    margin-top: 31%;
    margin-left: 0%;
}

.bus-splash.signature {
	display:inline-block;
	max-width:50%;
}

.bus-splash-click {
    width: 25%;
    padding: 3%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
	background: #857345;
	margin-top: 2%;
}

.bus-splash-click a {
	font-size: 1.250em;
	line-height: 1em; 
    font-family: Ebrima,Segoe,Arial,Helvetica,sans-serif;
    text-align: center;
    color: #FFFFFF;
}
.bus-splash-click p {
    margin: 0;
}
.bus-splash-bar {
color: #857345;
margin: auto 2%;
display: inline-block;
}

@media only screen and (orientation:portrait) and (max-width: 979px) {
	#business-splashscreen {
	font-size: 10px;
	line-height: 1em; 
	}
	.bus-splash-item
	{
		width: 69%;
	}
}
@media only screen and (orientation:portrait) and (max-width: 767px) {
	#business-splashscreen {
	font-size: 10px;
	line-height: 1em; 
	}
}
@media only screen and (orientation:portrait) and (max-width: 480px) {
	#business-splashscreen {
	font-size: 7px;
	line-height: 1em; 
	}
}

@media only screen and (orientation:landscape) and (max-height: 950px) {
	.bus-splash-item
	{
		width: 66%;
	}
	.bus-splash.signature
	{
		max-height:15vh;
	}
	.bus-splash img
	{
		max-height:13vh;
	}
	.go-digital {
		margin: 3vh 0 3vh 0;
	}
	.quote
	{
		margin: 0% 0 2vh 0;
	}
	h2.bus-splash {
		margin-top: 2vh;
	}
	.bus-splash-click {
		width: 18vw;
		padding: 2vh 2vw 2vh 2vw;
		margin-top: 2vh;
	}
}
@media only screen and (orientation:landscape) and (max-height: 800px) {
	.bus-splash-item
	{
		width: 95%;
	}
}
@media only screen and (orientation:landscape) and (max-height: 767px) {
	#business-splashscreen {
		font-size: 8px;
		line-height: 1em; 
	}
}
@media only screen and (orientation:landscape) and (max-height: 400px) {
	#business-splashscreen {
		font-size: 7px;
		line-height: 1em; 
	}
}