.hero {
    background-image: url("../../images/referral/hero2_mob.png");
    background-color: #cccccc;
    background-size: cover;
    width : 800;
    height: 1000;
	margin-left:10px;

}
body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url("../../images/referral/hero2_mob.png");
}

body {
    padding:0px;
	margin:0px;
	
}

.sub-heading {
    font-size: 36px;
    font-family: nhg-display-bold, arial, sans-serif;
    font-weight: bold;
    color: white;
    margin: 0px;
}
.margin-bottom-small{
	width:80%;
}
.margin-top-medium{
	line-height:normal !important;
	color:black;
	font-size:50px;
	
}
.margin-top-zero{
	color:black;
	
	font-size:20px;
}
.margin-top-zero b{
	font-size:20px;
}
.mid-width p{
	font-size:16px;
}
.iphone-only{
	font-size:12px !important;
	line-height: 14px !important;
}
.iphone-only ul{
	list-style-type: disc !important;
}

.hero-content {
    width: 60%;
    padding: 0px 77px;

}

#code {
    color: gray;
}
p{
	color:black;
}

/* ============================== */
div {
    display: block;

}
#row2, #row1{
	margin:10px;
}
.mid-width {
    width: 30%;
}

.input-margin {
    margin: 10px;
}

.columns {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    float: left;

}

.mob-hero-img {
    background-image: url("../../images/referral/hero2_mob.png");
    
    max-width: 100%;
    margin: 0 auto;
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-svg {
    width: 90px !important;
    height: 90px !important;
    display: block;
}

.row-svg {
    width: 50px !important;
    height: 50px !important;
    margin: 0px 20px;
}

.row-content {
    display: inline-block;
}

.leftside {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    float: left;
    width: 50%;
}

.cloud-link {
	color: white;
    background-color: black;
    border: 1px solid;
    border-radius: 30px;
    padding: 10px 40px !important;
    

}

.heading {
    font-size: 24px;
    color: black;
    line-height: 2.375rem;

}

.description {
    color: black;
}

.text-larger {
    font-size: 1.143em !important;
    line-height: 1.3125;
}

ul {
    margin-left: 1.2rem;
}

ul,
ol,
dl {
    line-height: 1.5;
    margin-bottom: 1.5rem;
    list-style-position: outside;
}


.left-container {
    width: 70%;
    float: left;
}

.right-container {
    width: 30%;
    float: left;
}

.custom-png {
    width: 100%;
    height: 500px;
}


/* ============================ */
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 320px) and (max-width: 450px) {
    .mob-hero-img {
        height: 540px;
        background-position: left;
        background-image: url("../../images/referral/hero2_mob.png");
        background-color: #cccccc;
        width: 400;
		margin-left:10px;
        
    }
    .hero {
        background-image: url("../../images/referral/hero2_mob.png");
        background-color: #cccccc;
        width: 400;
        height: 500;
        
    
    }
	
	

    .leftside {
        width: 100%;
    }
	.margin-top-medium{
		font-size:40px;
		line-height:initial;
	}

    #desktopOmniNav {

        min-width: auto !important;
        padding: 0px !important;
    }

    #vgn_shcart {
        display: none !important;
    }

    #globalNavId {
        display: none;
    }

    .o-right-nav {
        right: 50px;
    }

    .o-nav-wrapper cf {
        display: none;
    }

    .o-top-nav {
        margin: 0px !important;

    }

    .o-tier-one {
        display: none;
    }

    .table-responsive {
        display: none;
    }

   

    .custom-svg {
        width: 50px !important;
        height: 50px !important;
        display: block;
    }

    .columns {
        padding-left: 0.5625rem;
        padding-right: -1.4375rem;
        float: left;
        margin: 10px;
    }

    .row-svg {
        margin-right: 20px;
    }

    .mid-width {
        width: 100%;
    }

    .left-container {
        width: 100%;

    }

    .right-container {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mob-hero-img {
        background-image: url("../../images/referral/hero2_mob.png");
        background-color: #cccccc;
        width: 400;
        height: 500;
        
    }
	.margin-bottom-small {
    width: 100%;
}
	.margin-top-medium{
		line-height:initial;
	}


}

@media screen and (min-width: 1024px) and (max-width: 2560px) {
    .heading {
        width: 80%;
    }

    .mob-hero-img {
       
        background-image: url("../../images/referral/hero2_mob.png");
        background-color: #cccccc;
        width: 400;
        height: 500;
    }
	.margin-top-medium{
	
	color:black;
	font-weight:50px !important;
	
}

    .description {
        width: 80%;
    }
}


#GlobalFooter {
    background: #f5f5f5;
}

#gf_footer .copyright_vz {
    font-weight: bold;
    float: left;
    margin: 4px 0 0 0;
}

#gf_footer .fixer {
    display: block;
    clear: both;
    overflow: hidden;
    width: auto;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

#gf_footer .gb {
    clear: both;
}

#gf_footer ul {
    margin: 0;
    padding: 1px 0 0 0;
    list-style-type: none;
    list-style-image: none;
    color: #000;
    line-height: 22px;
}

#gf_footer li {
    display: inline;
    padding: 2px;
}

#gf_footer li a:link,
#gf_footer li a:visited {
    color: #333;
    text-decoration: none;
    font-size: 11px;
    margin: 5px;
    white-space: nowrap;
}

#gf_footer .social_icon {
    float: right;
    color: #000;
    margin-top: 25px;
}

.scbvzt a:link {
    text-decoration: none;
}

#gf_footer .icons {
    margin: 29px 0 0 0;
}

.clean li {
    list-style-type: none;
}

li a {
    font-size: 12px !important;
    color: #4b4b4b !important;
    font-weight: 400 !important;
    text-decoration: none;
}

.title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0 21px 0;
    padding: 0 !important;
}

.clean {
    padding-top: 30px;
}

.borderless td,
.borderless th {
    border: none;
}