/* Boxes */



@media (min-width: 1024px) and (max-width: 1151px){
	.slide-openbanking-slide .liner .default-related-text, 
	.slide-openbanking-slide .liner .related-text, 
	.slide-services-slide .liner .default-related-text, 
	.slide-services-slide .liner .related-text { 
		font-size: 9px;
		width:246px;
	}
}
 
@media (min-width: 1152px) and (max-width: 1279px) {
	.slide-openbanking-slide .liner .default-related-text, 
	.slide-openbanking-slide .liner .related-text, 
	.slide-services-slide .liner .default-related-text, 
	.slide-services-slide .liner .related-text {
		width:290px;
	}
}
@media (min-width: 1280px) and (max-width: 1407px){
	.slide-openbanking-slide .liner .default-related-text, 
	.slide-openbanking-slide .liner .related-text, 
	.slide-services-slide .liner .default-related-text, 
	.slide-services-slide .liner .related-text { 
		font-size: 11px;
	}
}


/* About Us - overrides - Make buttons stay in same spot */
.slide-aboutus .liner .output .box-section .box-item{
	position:relative;
}
.slide-aboutus .liner .output .box-section .box-item .box {
    padding: 15px 25px 100px 25px;
}
.slide-aboutus .liner .output .box-section .box-item .box a.button{
	position: absolute;
	left: 0;
	right: 0;
    bottom: 40px;
    margin: auto;	
	width:202px;
}
.slide-aboutus .liner .output .box-section .box-item .box.box2 a.button{
	width:162px;
}
.slide-aboutus .liner .output  a{
		transition:color 0.3s;
	 
}
.slide-aboutus .liner .output  a:hover,
.slide-aboutus .liner .output  a:focus

{
	color:#C20133;
 
}
@media only screen and (max-width: 1400px) {
	.slide-aboutus .liner .output .box-section .box-item .box {
		padding: 15px 25px 85px 25px;
	}
	
}
@media only screen and (max-width: 1000px) {
	.slide-aboutus .liner .output .box-section .box-item .box a.button{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		margin: auto;	
		width:182px;
	}
	.slide-aboutus .liner .output .box-section .box-item .box.box2 a.button{
		width:162px;
	}	
}	
/* Other - overrides */
.container-fluid .pull-right .nav {
    /* JJS - removed, was causing mobile nav to align left */
	/* padding-right: 170px; */ 
}

@media (min-width: 1664px) and (max-width:15001px){
	.slide-openbanking-slide .liner h1, .slide-services-slide .liner h1 {
		line-height: 45px ;
	}
}

.middleware-location .location p {
    color: black;
}


.location-content
{
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Google_Maps_pin.svg/20px-Google_Maps_pin.svg.png');
background-repeat: no-repeat;
padding-left: 30px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */

}

.mw-page .slide-contact .liner {
    background-size: 900px auto !important;
}