.referrer-container{
	background: url("../images/referrer.png");
	background-size: cover;
}

.referrer-content{
	display: flex;
	width: 80%;
}
.phone-box{
	width: 30%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.content-box {
    padding-bottom: 2%;
    padding-right: 0%;
    margin-top: 6%;
    margin-left: 11%;
    margin-right: 5%;
    color: white;
    width: 38%;
}

.content-box h1{
	color: #2ed1ff;
	font-family: 'Articulat CF Extra';
}

.content-box p{
	color: #fff;
	font-family: 'Articulat CF';
	font-weight: normal;
	font-size: 13pt;
}

.download-qr{
	background: #f1f1f1;
	padding:3%;
	border-radius: 8px
}

.download-qr-content p{
	color: #404040;
	font-size: 15pt;
}

.download-qr-content a{
	margin: 0;
	text-decoration: none
}

.download-qr-content span{
	color: #5ed0fa
}

.qr-download{
	background: #5ed0fa;
	padding: 2%;
	text-align: center;
	color: white;
	width: 50%;
}

.qr-download p{
	margin: 0;
	text-align: center;
	color: white;
	font-size: 13pt;
}

footer{
	margin-top: 0 !important
}