body.landing {
    background-color: rgb(58,23,63); 
}

.hero-content {
    position: relative;
    min-height: 600px;
    background-image: url(../assets/images/18.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hero-content-2 {
    position: relative;
    min-height: 600px;
    background-image: url(../assets/images/20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hero-content-3 {
    position: relative;
    min-height: 600px;
    background-image: url(../assets/images/03.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: small;
}

.hero-content-4 {
    position: relative;
    min-height: 600px;
    background-image: url(../assets/images/07.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: small;
}
.hero-content .hero-title {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;                    /* makes sure the title inhabits the full width of its container */
    text-align: center;             /* aligns text in the horizontal center of the element */
    font-size: 4rem;                /* specifies the size of the font in root em units */
    font-weight: 300;               /* makes the font thinner or lighter weight */
    text-transform: uppercase;      /* transforms the text to be all uppercase lettering */
    letter-spacing: 0.5rem;         /* puts 0.5 root ems worth of space between each letter */
    text-shadow: 1px 1px 0px rgb(58,23,63); /* creates a shadow underneath the text for readability over the image */
}

 .selling-points {
     position: relative;
     display: table;
    width: 100%;
 }
 
 .point {
     display: table-cell;
     position: relative;
     width: 33.3%;
     padding: 2rem;
     text-align: center;
     opacity: 0;
     -webkit-transform: scaleX(0.9) translateY(3rem);
     -moz-transform: scaleX(0.9) translateY(3rem);
     transform: scaleX(0.9) translateY(3rem);
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
     transition-delay: 0.2s;
 }

.point .point-title {
     font-size: 1.25rem;
 }
 
 .ion-ios-infinite,
 .ion-unlocked,
 .ion-ios-glasses,
 .ion-heart, 
 .ion-earth,
 .ion-wifi,
 .ion-cloud,
 .ion-ios-color-wand,
 .ion-person-stalker {
     color: rgb(233,50,117);
     font-size: 5rem;
 }