/*sections*/
section, .intro, .stripe {
  display: block;
  padding: 20px 0px; }

.intro {
  font-weight: 100;
  background-image: radial-gradient(ellipse farthest-side at 100% 100%, #85D8CE 10%, #085078 120%); }
  .intro .controls {
    margin: 20px 0px 0px 0px; }

.stripe {
  font-weight: 100;
  background-color: #444; }

/*Markup elements*/
section.intro h1, .intro h1, .intro.stripe h1 {
  font-family: "Indie Flower", cursive;
  font-size: 70px;
  font-weight: 100; }
section.intro p, .intro p, .intro.stripe p {
  font-size: 20px; }
section.intro i, .intro i, .intro.stripe i {
  font-weight: 200; }
section.intro hr, .intro hr, .intro.stripe hr {
  opacity: 0.2;
  background-color: #fff;
  border-color: #fff;
  border-bottom: none; }

.referral {
  text-align: left; }
  .referral a {
    color: white;
    font-weight: 200; }
  .referral ul {
    list-style: none; }



@media screen and (max-width: 640px) {
    .social-feed-outer-element{
        width: 100%;
    }
}

@media screen and (min-width: 641px) and (max-width: 815px) {
    .social-feed-outer-element{
        width: 50%;
    }
}


@media screen and (min-width: 816px) and (max-width: 1300px)  {
    .social-feed-outer-element{
        width: 33%;
    }
}

@media screen and (min-width: 1300px) {
    .social-feed-outer-element{
        width: 25%;
    }
}

.social-feed-outer-element{
    float:left;
}

.social-feed-element{
    margin:10px !important;
    
}