body {
	font-family: "proxima-nova",sans-serif; 
}
.container-fluid{
	padding: 0;
}
.blue-bg{
	height: 100%;
	position: absolute;
	bottom: 0;
	right: -0px;
	background-color: #00425f;
	background-image: url(https://mufasa.interswitchng.com/p/kimono/images/patterns.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.blue-bg .blocks{
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 30px;
}
.blue-bg .main-content{
	margin-top: 150px;
}
.blue-bg .main-content h1{
	margin-top: 0;
	font-size: 55px;
}
.white-bg .main-content{
	position: relative;
	top: 30px;
	right: -0px;
	margin-bottom: 70px;
}
.white-bg .blocks{
	margin-top: 30px;
}
.white-bg .blocks img{
	height: auto;
	margin: auto;
}
.white-bg .blocks:nth-child(1) img{
	max-height: 50px;
}
.white-bg .blocks:nth-child(2) img{
	max-height: 350px;
}
.white-bg .blocks p{
	font-size: 18px;
	color: #00425f;
}

.home-logo {
    background-image: url(https://mufasa.interswitchng.com/p/kimono/images/kimono-icon.png);
    background-repeat: no-repeat;
	height: 7%;
	background-position: center;
	background-repeat: no-repeat;
    background-size:contain;  
	
}

.home-image {
    background-image: url(https://mufasa.interswitchng.com/p/kimono/images/pos-image.png);
	height: 50%;
	background-position: center;
	background-repeat: no-repeat;
    background-size:contain;  
}

.home-arrow {
    background-image: url(https://mufasa.interswitchng.com/p/kimono/images/arrow-up_green.png);
	background-position: right;
    width:140px;
	background-repeat: no-repeat;
}


/*-- SCREEN SIZE --*/
@media (max-width: 767px) {
	.blue-bg{
		position: relative;
		background-image: none;
		padding: 10px 0px;
	}
	.blue-bg .main-content{
		margin-top: 50px;
	}
	.blue-bg .main-content h1{
		margin-top: 0;
		font-size: 40px;
		text-align: center;
	}
	.blue-bg .main-content p{
		text-align: center;
	}
    .home-arrow {
	    background-position: 68%;
		background-size: 25px;
		width: 75%;
	}

	.white-bg .blocks br{
		display: none;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.blue-bg .main-content h1{
		margin-top: 0;
		font-size: 40px;
	}
	 .home-arrow {
            background-position: right;
           width:110px;
           background-repeat: no-repeat;
	}
}
