gistfile1.txt

@media screen and (max-width: 1100px) {

  #cruiseapp .cruise-section {
    width: 40%;
    margin-left: 45%

  }

  #cruiseapp #section1.cruise-section {
      width:60%;
     margin-left: 20%
  }

}

@media screen and (max-width: 950px) {

  .wee-ship-view #bigship_wrapper {
    display: none;
  }

  #cruiseapp .cruise-section {
    width: 60%;
    margin: 20px 20% 50px 20%;
  }

  #lookup-promo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  color: #999;
  width: 100%;
  padding: 0px 0px 5px 0px;
  z-index: 10;
  background: rgba(119, 172, 179, 1);
  display: inline-block;
  float: left;
  margin-left: 0px;
  border-radius: 5px;
  margin-right: 0px;
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 0px;
  top: 0px;
  position: relative !important;
  margin-left:0px !important;
  width: 100% !important;
  margin-bottom: 30px !important
}

#lookup-promo .lookup-examples {
  width: 60%;
  margin: auto
}



}



@media screen and (max-width: 481px) {

  .c-header {
    z-index: 52;
    position: absolute;
    width: 100%
  }

  .c-header div {
    width: 100%
  }

  .slide-view .back-home, .cruise-show .back-home, .line-show .back-home {
    display: none;
  }
  .c-header h1 {
    width: 100%;
    padding:0px;
      text-align: center;
  }

  #bigship_wrapper {
    z-index: 9
  }

#bigship_preview {
  display: none;
}

#lookup-promo {
  z-index: 9
}

#lookup-promo.fixed-view, .cruise-show #lookup-promo, .line-show #lookup-promo {
  position: relative !important;
}

#lookup-promo .lookup-examples {
  width: 80%
}

.lookup-examples .wee-indv-ship {
  width: 33%
}
  .cruise-section p.illo-byline {
    position: absolute;
    right: 0%;
    font-size: 11px;
    top: 100%;
    font-style: italic;
    color: #666;
    z-index: 1000;
    cursor: pointer;
    width: 100%;
  }

#locations {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -13px;
  left: -9px;
  pointer-events: all;
}

#locations #section2-nav {
    top: 93%;
}
#locations #section4-nav{
  top: 80%;
  left: 65%;
}

#locations #section6-nav {
  top: 65%;
  left: 81%;
}

#locations #section5-nav {
  top: 16%;
}

.annotation-item {
  width: 100%
}

#cruiseapp .cruise-section {
  width: 80%;
  margin: 20px 10% 50px 10%;
}

#cruiseapp #section1.cruise-section {
    width: 90%;
  margin: 20px 5% 50px 5%;
}

div#section1 .slide-text{
    padding-top: 0px;
}
#cruiseapp #section1.cruise-section {
  margin-top: 0px
}

#section1 .slide-text h1 {
  font-size: 50px;
}

.intro-top >p {
  padding:0px 20px;
}

#lookup-promo h3 {
  font-size: 2em;
}


.cruise-show #cruiseapp, .line-show #cruiseapp {
  padding:0px;
  margin-top: 40px
}

.cruise-container {
  width: 100%
}

#lookup-promo .lookup-search {
  width: 75%
}


.cruise-show .cruise-img, .cruise-stats {
  width: 100%;
  padding:0px;
}

.cruise-stats {
  margin-top: 20px
}


.health-box {
  width: 100%
}

.summary-item > div {
  width: 100%
}




}