.home-menu{
  background: #1d1d1d;
  text-align:center;
}

.content-wrapper{
  background: #151515;
}

.content{
  padding-bottom:120px;
}

.splash-container{
  background-color: #000;
  background-image: url("images/hero_mobile.JPG");
  background-position: right;
  margin-top: 45px;
  background-size:100%;
  height:60%;
}

.splash{
  height:100%;
}

.splash-subhead {
    letter-spacing: 0.07em;
    opacity: 0.8;
    margin-top: -40px;
    font-size: 1em;
}

.content-wrapper{
  top:60%;
}

.content-head{
  margin:0px;
}

.south-america-splash{
  background-image: url("images/hero_mobile_sa.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:bottom;
}

.ytp-title-enable-channel-logo.ytp-title-channel{
  display: none!important;
}

.ytp-title-link.yt-uix-sessionlink{
  display: none!important;
}

.ytp-chrome-top-buttons {
display: none;
}

.home-menu .pure-menu-heading{
  font-weight: 100!important;
  font-size: 75%;
}

.south-america{
    margin-bottom:130px;
}


/*Videos*/
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Social Icons*/

section #services {
  text-align: center;
  transform: translatez(0);
  margin:0px;
  padding:0px;
}
section #services h2 {
  margin: 20px 0px 10px;
  color: #fff;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;
}
section #services li {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 0px 3px;
  list-style: none;
}
section #services li div {
  width: 50px;
  height: 50px;
  color: #929292;
  font-size: 1.6em;
  text-align: center;
  line-height: 50px;
  background-color: #272727;
  transition: all 0.5s ease;
}
section #services li a {
  color: #929292;
}
section #services li div:hover {
  transform: rotate(360deg);
  border-radius: 100px;
}
section #services li span {
  width: 120px;
  height: 20px;
  display: block;
  padding: 15px 0px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
}



/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 * On tablets and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */

@media (min-width: 48em) {

    /* We increase the body font size */
    body {
        font-size: 16px;
    }

   
    /* We increase the height of the splash-container */
/*    .splash-container {
        height: 500px;
    }*/

    /* We decrease the width of the .splash, since we have more width
    to work with */
    .splash-container{
      background-image: url("images/hero4.JPG");
      height:45%;
    }

    .south-america-splash{
      background-image: url("images/hero.JPG");
    }

    .splash {
        width: 55%;
        height: 100%;
    }

    .splash-head {
        font-size: 200%;
    }

    .splash-subhead{
      margin-top:-60px;
    }

    .content-wrapper{
      top:46%;
    }
}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 * On desktops and other large devices, we want to over-ride some
 * of the mobile and tablet styles.
 */
@media (min-width: 78em) {
    /* We increase the header font size even more */
     
     .splash-container{
      background-image: url("images/hero4.JPG");
      height:75%;
    }

    .south-america-splash{
      background-image: url("images/hero.JPG");
    }

     .splash {
        width: 55%;
        height: 100%;
    }

    .splash-head {
        font-size: 200%;
    }

    .splash-subhead{
      margin-top:-60px;
    }

    .content-wrapper{
      top:75%;
    }
}