#savings-report{
	>div{
		&:first-child{
			background:linear-gradient(135deg,#307abf,#2563a0);
			box-shadow:inset 0px 0px 5em rgba(0,0,0,0.15);
			position:relative;
			>p{
				&.header{
					>span{
						&:first-child{
							color:#ffb400;
							font-size:2.5rem;
							font-weight:700;
						}
					}
					font-size:1.75rem;
					letter-spacing:0.5px;
					line-height:1.25em;
					text-shadow: 0px 0px 0.5em rgba(0,0,0,0.75);
				}
			}
			>div:last-child{
				>i.fa-money-bill-1-wave{
					color:#393;
				}
				background-color:#fff;
				border-radius:0.5em;
				border:2px solid #ddd;
				bottom:-1.5em;
				display:inline-block;
				filter:drop-shadow(0px 0px 10px);
				left:50%;
				padding:0.5em;
				position:absolute;
				transform:translate(-50%, 0%);
				white-space:nowrap;
			}
		}
	}
	border:3px solid rgba(255,255,255,0.75);
	border-radius: 12px;
	overflow:hidden;
	box-shadow:0px 0px 47px 2px rgba(255,199,46,0.65);
}
#device-alert{
	>div{
		>div{
			&:nth-child(1){
				>div{
					>img{
						display:block;
						margin:auto;
						width:48px;
					}
					>p{
						&:first-child{
							padding:20px 10px;
							font-size:12px;
						}
						&:last-child{
							padding:0px 10px;
							color:#f36325;
							font-size:10px;
							text-transform:uppercase;
						}
						font-weight:bold;
						margin:0px;
						text-align:center;
					}
					left:50%;
					position:absolute;
					top:50%;
					transform:translate(-50%,-50%);
					white-space:wrap;
					z-index:4;
				}
				>img{
					height:250px;
					position:absolute;
					z-index:3;
				}
				display:inline-block;
				height:250px;
				margin-right:50px;
				position:relative;
				width:120px;
			}
			&:nth-child(2){
				>img{
					&:first-child{
						height:210px;
						left:-5px;
						position:absolute;
						top:50%;
						transform:translate(0%,-50%);
					}
					&:last-child{
						background:#fff;
						border-radius:50%;
						left:65%;
						padding:2px;
						position:absolute;
						top:30%;
						transform:translate(-50%,-50%);
						width:32px;
						z-index:3;
					}
				}
				display:inline-block;
				height:250px;
				position:relative;
				width:210px;
			}
			&:nth-child(3){
				background-image:linear-gradient(to right,rgba(250,145,0,0.15),rgba(250,145,0,0.75));
				clip-path:polygon(0 0,0 100%,100% 28%);
				height:249px;
				left:105px;
				position:absolute;
				top:1px;
				width:222px;
				z-index:2;
			}
		}
		position:relative;
		display:inline-block;
		white-space:nowrap;
	}
}

@media (max-width: 470px){
	#savings-report{
		>div{
			&:first-child{
				>div:last-child{
					font-size:75%;
				}
			}
		}
	}
	#device-alert{
		scale:0.5;
	}
}