body {
  background-color: #fff;
 }

 body, html,.container,li { /* set size of body to full page and remove margins */
    width: 100%;
    height:100%;
    padding: 0;
    margin: 0;
    padding-bottom:0px;
}

body {
  padding-top:0px;
  padding-bottom:0px;
  background-color: #fff;
}


.logo {
  height:36px;
  margin:0px 10px;
}

.svg {

}

.container {
  position:relative;
}


.slide {
  position: absolute;
  right:0px;
  left:0px;
  visibility:hidden;
  opacity: 0;
  transition: visibility .6s, opacity .6s;
  background-color:#252525;

}

.active {
  visibility: visible;
  opacity: 1;
  background-color:#252525;

}

.slide img {
  margin-bottom: -50px;
  margin-top:0px;
  background-color:#252525;
}

.text {
  width:80%;
  height:122px;
  margin: 10px auto 10px auto;
  font-size: 14px;
  color:#fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  font-family: 'Source Sans Pro';
  font-weight: 300;
  background-color:#252525;
}

.boldtext {
  width:80%;
  margin: 10px auto 10px auto;
  font-size: 16px;
  color:#fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  font-family: 'Source Sans Pro';
  font-weight: 500;
  background-color:#252525;

}

.text hidden-xs {
  font-size: 20px;

}

ul { 
    display: block;
    white-space: nowrap;
    overflow: hidden; 
    padding: 0;
    margin: 0;
    position:relative;
    right:1280px;
}

li { 
     display: inline-block;
     white-space: normal;
}

.nav {
  position:absolute;
  padding-right:15px;
  height:160px;
  margin: auto;
  bottom: 0;
  opacity:.7;
  transition: opacity .2s;
}

.nav:hover{
  opacity:.95;
}

.next {
  right:0px;
}

.back {
  left:0px;
}

.fa {
  font-size: 96px;
  color:#424242;
}

.wide .text {
  width:33%;
  position:relative;
  top: -15%; 
  right: 15%;
}

.split_vert .text {
  display:inline-block;
  width:96%;
  margin:0 2%;
}

.split_vert img{
  clear:both;
}

.text-right {
  float:right;
  width:33%;
}

.text-left {
  float:left;
  width:33%;
}

.credits .text {
  font-size: 14px
}

.split_horiz img {
  margin-bottom: 0px;
}

#angrypassengers img {
  margin-bottom: -20px;
}

#morepeoplelonger img {
  margin-bottom: -25px;
}

#extratime img {
  margin-bottom: -25px;
}

.credits {
  padding-top: 2em;
}

.credits a {
  color:#fff;
}

hr {
  width:33%;
}

@media (min-width: 768px) { 
  .text {font-size: 20px;}
  header .text {font-size: 20px;}
  .logo {height:48px;}
  .fa {font-size: 96px;}
  .credits .text {font-size: 24px;}
}