/* = Background Colours
----------------------------------------------- */
.background--KPMGBlue {
    background-color: #00338D !important;
}

.background--MediumBlue {
    background-color: #005EB8 !important;
}

.background--LightBlue {
    background-color: #0091DA !important;
}

.background--Violet {
    background-color: #483698 !important;
}

.background--Purple {
    background-color: #470A68 !important;
}

.background--LightPurple {
    background-color: #6D2077 !important;
}

.background--KPMGGreen {
    background-color: #00A3A1 !important;
}

.background--Green {
    background-color: #009A44 !important;
}

.background--LightGreen {
    background-color: #43B02A !important;
}

.background--Yellow {
    background-color: #EAAA00 !important;
}

.background--Orange {
    background-color: #F68D2E !important;
}

.background--Red {
    background-color: #BC204B !important;
}

.background--Pink {
    background-color: #C6007E !important;
}

.background--Grey {
    background-color: #F0F0F0 !important;
}

.background--LightGrey {
    background-color: #F5F5F5 !important;
}

.background--White {
    background-color: #FFFFFF !important;
}


/* = Finance Boxes
----------------------------------------------- */

.finance__container {
	margin:0px;
	padding:0;
	display:block;
	position:relative;
	width:100%
}

/*-----------Tiles----------- */
.finance__tile {
	display: inline-block;
	position:relative;
	width:50%;
	float:left;
	text-decoration:none !important;
	transition: opacity 250ms ease-in-out;
	-webkit-transition: opacity 250ms ease-in-out;
	cursor:pointer !important;
}

@media screen and (min-width:640px)
{
	.finance__tile {
		width:33.33%;
	}
}

.finance__tile:hover{
	opacity:0.75;
}


.finance__tile h3 {
	color:#FFFFFF;
	font-family: 'KPMG Light', Arial, sans-serif !important;
	font-size: 32px;
	line-height: 1em;
	font-weight: 200;
	margin: 0px;
    max-width: 145px
}

.finance__tile div {
    min-height: 200px;
    height: 200px;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: bottom 10px right 15px;
    background-size: auto 45px;
}

@media screen and (min-width:540px)
{
	.finance__tile div {
		background-position: bottom 15px right 15px;
		background-size: auto 50px;
	}
}