body { padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 0.75em; background: #135F90 }
h1, h2 { font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4 { font-weight: 700; }
.blue { color: #347eb3; }
.white { color: white; }
.sub { font-weight: normal; }
.hr {
  clear:both;
  border-color: transparent;
  border-top: 2px dashed #e6e6e6;
}
h1 { font-size: 2em; }
a { text-decoration: none; color: #2a548d; cursor: pointer; }
.panel-wrapper { width: 100%; }
section .panel-wrapper {background: white; }
.panel { margin: 0px auto; min-height: 1px; padding: 1.5em 0 1.5em 0; clear: both; }
.panel:after { clear: both; content:''; display: block; height: 0;  } 

a.rounded-button {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    margin-top: 1em;
    transition: all 0.3s ease; font-weight: 600; color: black; text-decoration: none;
    background: lightgrey; border: 1px solid transparent; border-radius: 1200px;
    display: inline-block; padding: 0.7em 0em 0.7em 0em; letter-spacing: 0.08em; }

a.join {
    width: 100%;
    max-width: 600px;
    color: white; background: #00d0cb; }
a.join:hover { background: #63d7d3; cursor: pointer; }
a.try, a.buy-now {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-decoration: none;
    padding: 0.8em 1.5em 0.8em 1.5em;
    cursor: pointer;
    letter-spacing: 0.01em;
} 
a.try { color: #fff; background: #008585; }
a.try:hover { background: #007777; }
a.buy-now { color: #008585; background: #fff; margin-left: 1em; }
a.buy-now:hover { background: rgb(228, 227, 227); }

/** Messages **/
#messages
  { position: relative; list-style: none; padding: 0; margin: 0; }
  #messages .success
    { color: #192c4c; background: #8fa3c2 url(../images/icons/success-message.png) 15px 15px no-repeat; }
  #messages .info
    { color: #192c4c; background: #8fa3c2 url(../images/icons/info-message.png) 15px 15px no-repeat; }
  #messages .warning
    { color: #633100; background: #ff8914 url(../images/icons/warning-message.png) 15px 15px no-repeat; }
  #messages .error
    { color: #633100; background: #ff8914 url(../images/icons/warning-message.png) 15px 15px no-repeat; }
  #messages li
    { padding: 20px 55px; margin: 20px 0; border-radius: 10px; }
#content #messages { padding-top: 20px; }

/** Shared layout **/
header { background: #13679c; height: 90px; }

#menu-wrapper { height: 90px; position: fixed; top: 0px; background: #13679c; box-shadow: 0px 2px 10px rgba(0,0,0,0.5); z-index: 10; }
    #menu-wrapper .panel { position: relative; }
        #logo { position: absolute; top: 0px; padding-top: 20px; padding-bottom: 20px; }
        #logo img { display:inline-block; height: 55px;}
        #logo h1 { display:inline-block; padding:0; margin:0 0 0 10px; transform: translate(0px, -15px); color: #fff;}
        #menu { position: absolute; top: 0px; right: 0px; color: #888888; height: 90px; line-height: 90px;}
            #menu a.menu-link {
              font-family: 'Montserrat', sans-serif;
              font-weight: 400;
              font-size: 0.7em;
              letter-spacing: 1.1px;
              text-transform: uppercase;
              transition: all 0.3s ease;
              color: #fff; background: #13679c;text-decoration: none;
              height: 40px; line-height: 40px; display: inline-block; padding: 0 0.5em;}
              #logo {
                margin-top: 5px;
              }
              #logo img {
                height: 40px;
              }
              #menu .hidden-md a.menu-link.menu-open {
                background: url('/media/images/icons/menu-open.png');
                background-size: contain;
                padding: 0;
                height: 25px;
                width: 25px;
                margin-top: 35px
              }
              #menu .hidden-md a.menu-link.menu-open:after{
                display:none;
                content: url('/media/images/icons/menu-close.png');
              }
              #menu .hidden-md a.menu-link.menu-open.menu-open-show  {
                background: url('/media/images/icons/menu-close.png');
                background-size: contain;
                transform: rotate(90deg)
              }
            
            #menu a.nav-button-action, #menu a.nav-button-border, #menu-sm a.nav-button-border {
              font-weight: 700;
              line-height: 30px;
              height: 30px;
              border-radius: 1200px;
                  padding: 0 2em 0 2em;

            }
            #menu a.nav-button-border { border: 1px solid #fff; }
            #menu-sm a.nav-button-border { border: 1px solid #135f90; padding: 0.5em 2em 0.5em 2em; }
            #menu a.menu-link:hover { background: #135f90; }
            #menu a.nav-button-action { background: #00d0cb; }
            #menu a.nav-button-action:hover { background: #63d7d3; }
            #menu .lang-button-en, #menu .lang-button-de {
              display: inline-block;
              position: relative;
              top: 10px;
              transition: all 0.3s ease;
              height: 1.5em;
              width: 1.5em;
              border-radius: 50%;
              border: 1px solid transparent;
              
            }
            #menu .lang-button-en {
              background: url('../images/icons/flag-en.png') center no-repeat;
              background-size: 30px 30px, cover;
            }
            #menu .lang-button-de {
              background: url('../images/icons/flag-de.png') center no-repeat;
              background-size: 30px 30px, cover;
            }
            #menu .lang-button-de:hover, #menu .lang-button-en:hover { border: 1px solid black; }

#menu-sm {
  transition: transform .2s ease-in-out;
  position: fixed;
  height: calc(100% - 90px);
  right: 0;
  top: 90px;
  width: 100%;
  max-width: 400px;
  background: #fff;
  z-index: 9;
  transform: translateX(100%);
  overflow-y: auto;
}
    #menu-sm.menu-show {
      box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
      transform: translateX(0%);
    }
    #menu-sm h4 {
      position: relative;
      color: #347eb3;
      padding: 1em 0 0 1.5em;
      width: calc(50% - 2.5em);
      float: left;
    }
    #menu-sm .login-wrapper {
      padding: 1.8em 0 0 1.5em;
      width: calc(50% - 2.5em);
      text-align: right;
      float: left;
    }
    #menu-sm ul.menu-sm-main {
      list-style: none;
      padding: 1em;
    }
      #menu-sm ul.menu-sm-main li {
        padding: 0.5em;
      }
      #menu-sm ul.menu-sm-main li hr {
        margin-top: 1.2em;
        border-top: 1px dashed lightgrey;
        border-bottom: 0;
      }

    #menu-sm .menu-sm-lang {
      position: absolute;
      padding: 3em 1em 0em 1em;
      list-style: none;
      bottom: 0;
      width: 100%;
    }
        #menu-sm .menu-sm-lang a.lang-button-en {
          line-height: 3em;
        }
        #menu-sm .menu-sm-lang a.lang-button-en:after{
          position: relative;
          content: url('../images/icons/flag-en.png');
          padding-left: 1em;
          top: 5px;
        }
        #menu-sm .menu-sm-lang a.lang-button-de:after{
          position: relative;
          content: url('../images/icons/flag-de.png');
          padding-left: 1em;
          top: 5px;
        }

#popdown-features {
  position: absolute;
  width: 300px;
  background: #fff;
  left: 64px;
  top: 75px;
  padding: 1em;
  font-size: 0.8em;
  box-shadow: -2px 15px 32px -5px rgba(0,0,0,0.56);
  line-height: 1.5em;
}
#popdown-features:after {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}

footer { padding-top: 3em; padding-bottom: 1em; background: #135F90; color: white; text-align: center; font-weight: 400; font-size: 0.8em; }
    footer a { color: white; text-decoration: none; padding: 0 0.5em; }
    footer a:hover { text-decoration: underline; }
    ul.planes { padding-left: 0 }
      ul.planes li {
      background: url('/media/images/icons/plane_list.png') no-repeat left 0.5em; /* <-- change `left` & `top` too for extra control */
      padding: 3px 0px 3px 2.5em;
      /* reset styles (optional): */
      list-style: none;
      margin: 0;
    }         
ul.planes-dark { list-style-image: url('/media/images/icons/plane-list-dark.png'); }
#content { min-height: 600px; }            

/** Steps menu **/
ul.steps-menu
  { list-style: none; font-size: 0.8em; display: block; padding: 0; margin: 2em 0 2em 0; overflow: hidden; }
  .steps-menu > li
    { float:left; height:45px;
      padding: 12px 36px 0px 30px;
      margin: 0px 0px 0px -30px;
      position:relative;background:url('../images/menus/steplabel-unselected.png') right no-repeat;
      min-width: 80px;}
  .steps-menu > li.completion
    { background: none; padding-top: 20px; }
  .steps-menu > li:first-child
    { margin-left: 0px; padding-left: 20px; border-left: 1px solid #b9b9b9;}
  .steps-menu > li:first-child.current
    { border-left: 1px solid #3e5f7d;}
  .steps-menu h4
    { color: #585858; padding: 0; margin: 0; }
  .steps-menu .current
    { background-image: url('../images/menus/steplabel-selected.png'); color: #ffffff; }
    .steps-menu .current h4
      { color:#ffffff; }
  .steps-menu .current.engine
    { background-image: url('../images/menus/steplabel-selected-brown.png'); }
    
/** Pages **/
/* Home */            
#quick-description, #quick-description-small {
    position: relative;
    background: url('/media/images/panels/MainBackground@2x.jpg') center no-repeat;
    color: white; width: 100%; line-height: 1.2em; text-align: center; 
    font-weight: 200; padding-top: 65px; padding-bottom: 60px; }

#quick-description-small {
    background: #fff;
    color: #13679c;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}
    #quick-description-small .image {
        background: url('/media/images/panels/MainBackground.jpg') center no-repeat;
        background-size: cover;
        padding-top:60%;
    }
    #quick-description-small p {
      font-size: 2.5em;
      line-height: 1.2em;
      font-weight: 600;
    }
    #quick-description-small .panel a.rounded-button {
      font-size: 2em;
      border-radius: 1em;
      padding: 1em;
      width: auto;
    }
    .intro-message-pad-right{
      position: absolute;
      background: #13679c;
      right:0;
      width: 6%;
      height: 207px;
      z-index: 1;
    }
    #quick-description .intro-message {
      position: relative;
      z-index: 2;
      padding: 1em 0.2em 1em 1.3em;
      background: #13679c;
      font-weight: 900;
      display: inline-block; width: 380px; max-width: 90%;
      text-align: left; font-size: 2.2em; line-height: 1.1em;}
        #quick-description .intro-message img {
          width: 2.8em;
          margin-bottom: 0.3em;
        }
        #quick-description .intro-message > div {
          height: 6.5em;
          overflow: hidden;
        }
        #quick-description .intro-message > div > div{
          transition: all 0.2s ease;
          transform: translateY(0px)
        }
        #quick-description .intro-message > div > div.bottom{
          transform: translateY(-4.3em)
        }

        #quick-description .intro-message div p {
          transition: transform .2s ease-in-out;
          margin-top: 0;
          margin-bottom: 0;
          font-family: 'Montserrat', sans-serif;
          font-weight: 400;
        }

#fleet {
    position: relative;
    background: url('/media/images/panels/FleetBackground.jpg') center no-repeat;
    color: #13679c; width: 100%; line-height: 1.2em; text-align: center; 
    font-weight: 200;}

    #fleet .intro-message-pad-right{
      background: rgba(255, 255, 255, 0.7);
    }
    #fleet .message {
      font-family: 'Montserrat', sans-serif;
      position: relative;
      z-index: 2;
      padding: 1.5em 0.2em 1.5em 2em;
      background: rgba(255, 255, 255, 0.7);
      display: inline-block; width: 395px; max-width: 90%;
      text-align: left; font-size: 1.7em; line-height: 1.5em;}
        #fleet .message p { margin-top: 0; margin-bottom: 0; font-weight: 300 }
        #fleet .message span { font-weight: 700 }

        #fleet .message > div {
          overflow: hidden;
          height: 10.5em;
        }

#designed {
  font-family: 'Montserrat', sans-serif;
  background: #135f90;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1em;
  font-weight: 600;
  padding-top: 1em;
  padding-bottom: 1em;
}
.features-all-designed {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 5em;}

#about-airplane-engine {
  width: 100%;
  height: 0%;
  padding-top: 30%;
  background: url("/media/images/panels/AirplaneEngine.jpg") center no-repeat;
  background-size: 100%;
}

#try-now { background: #00a4a4; padding-top: 1em; padding-bottom: 1em; }
#try-now h1 { color: #fff; margin: 0; }
#try-now p.sub { color: #fff; margin: 0.8em 0 1em 0; font-size: 1.2em; }

#main { padding-bottom: 2em;}
#main h3 { color:#3A4044; margin-bottom: 0;}
#main p, #main ul, #main .icon-message {
  color: #3A4044; font-weight: 400;
  line-height: 2.2em;
  font-size: 0.9em; letter-spacing: 0.07;
}
#main ul { margin-top: 0.5em; }
    /* #main .text { float: left; width: 75%; } */
    #main .diags { float: right; width: 20%; text-align: center; color: #8bd2fc; font-weight: 400; }
    #main .icon-message { display: inline-block; width: 13em; max-width: 100%; color: #347EB3; line-height: 1.5em; }
        #main .icon-message img {
          width: 5em;
        }

#screenshots { padding-top: 2em; padding-bottom: 2em; background: #e6eff7; color: #4B90C8; text-align: center; }
    #screenshots h1 { margin: 0; }
    #screenshots > .panel > .sub { color: #4B90C8; font-size: 0.7em; }
        a.ss-icon {
            background: #c6e4f6; border-radius: 5px; padding: 1em 0 2em 0;
            width: 100%; text-align: center; display: inline-block; vertical-align:
            top; background-position: center top; background-repeat: no-repeat; }
            a.ss-icon .image {width: 100%; transition: all 0.5s ease; text-align: center;}
                a.ss-icon .image img  { width: 60% }
                a.ss-icon.large img { width: 40% }
            a.ss-icon .big {
              margin-top: 1em;
              margin-bottom: 0.8em;
              font-family: 'Montserrat', sans-serif;
              font-size: 0.8em;
              font-weight: 700;
              text-transform: uppercase;
              color: #347EB3;
              letter-spacing: 0.1em;
            }
            a.ss-icon .sub { color: #3A4044; font-size: 0.75em; width: 85%; display: inline-block; line-height: 2em;}
            a.ss-icon .learn-more { color:#13679c; font-size: 0.8em; font-weight: 600; margin-top: 0.5em; }
            a.ss-icon .image-wrapper {
              width:80%;
              margin: auto;
              overflow: hidden; }
            a.ss-icon .image-wrapper img { transition: transform 0.3s }
              a.ss-icon .image-wrapper img:hover { transform: scale(1.08) }


#features { padding-top: 2em; background: #fff; color: #347eb3; text-align: center; }
    #features > .panel > .sub {
      color: #3A4044; font-weight: 400;
      padding-left: 2.5em;
      padding-right: 2.5em;
      line-height: 2.2em;
      font-size: 0.9em; letter-spacing: 0.07; }


#testimonials { text-align: left; background: #347eb3; }
    #testimonials p { color: #fff; font-size: 0.8em; line-height: 2em; letter-spacing: 0.07em; }
    #testimonials ul { padding: 0 }
    #testimonials ul li {
      background: url('/media/images/testimonials/StartQuote@2x.png') no-repeat 0.3em 0.3em transparent;
      background-size: 2em, 2em;
      list-style-type: none;
      margin: 0;
      padding: 0px 0px 1px 3.5em;
      vertical-align: middle;
    }
    #testimonials img { width: 100%; margin-top: 1.5em; max-width: 12em; min-width: 9em; } 
#connect { position: relative; padding-top: 2em; padding-bottom: 2em; text-align: left; color: #777; }
    #connect p {
      color: #3A4044; font-weight: 400;
      line-height: 2em;
      font-size: 0.9em; letter-spacing: 0.07;
    }
    #connect img { width: 80%; max-width: 30em; }
    #feature-intro img { 
      max-width:100%;
      max-height:100%;
      height: auto;
      width:auto;
    }
#secure { background: #8bd2fc; }
#replace-spreadsheets { background: url('/media/images/panels/replace-spreadsheets.jpg') center no-repeat; height: 530px; line-height: 1.3em; }
    #replace-spreadsheets .panel { position: relative; height: 530px; }
        .blurb { position: absolute; top: 0px; right: 50px;
            color: white; background: rgba(0,0,0,0.7); width: 350px; text-align: left;
            padding: 0 1.5em 1.5em 1.5em; }
    #replace-spreadsheets li { padding-top: 1em; }
#price { text-align: center; }
    #price h1 { margin-bottom: 0; }
    #price .sub {
      font-family: 'Poppins', sans-serif;
      color: #347EB3;
      font-size: 1.2em;
      margin-bottom: 2em;
      font-weight: 600; }
    #price .benifit-list span { color: #8BD2FC; font-weight: 700; }
    .price-panel {
        font-family: 'Montserrat', sans-serif;
        width: 250px; height: 380px; margin-bottom: 1em; display: inline-block; position: relative;}
        .num-aircraft {
          width: 125px;
          height: 95px;
          font-size: 18px;
          border: 4px solid white;
          border-radius: 50%;
          position: absolute;
          z-index: 2;
          padding-top: 30px;
          font-weight: 300;
          top: 20px; left: 60px; }
              .num-aircraft .big { font-size: 32px; font-weight: 400; }
        .price-per-aircraft {
          font-size: 18px;
          height: 200px;
          position: absolute;
          border-radius: 6px;
          z-index: 1;
          width: 100%;
          padding-top: 90px;
          bottom: 0px;
        }
        .one-ten .num-aircraft {
          background: #08b89d;
          color: #fff;
        }
        .one-ten .price-per-aircraft {
          background: #c1ede6;
          color: #08b89d;
        }
        .eleven-thirty .num-aircraft {
          background: #00a4a4;
          color: #fff;
        }
        .eleven-thirty .price-per-aircraft {
          background: #bfe8e8;
          color: #00a4a4;
        }
        .thirty-hundred .num-aircraft {
          background: #51a2d4;
          color: #fff;
        }
        .thirty-hundred .price-per-aircraft {
          background: #cae3f2;
          color: #51a2d4;
        }
        .price-per-aircraft { font-weight: 300; font-size: 18px; }
        .price-per-aircraft .big { font-size: 32px; font-weight: 400; }
        #price .sub.gst-message { color: #3A4044; font-family: 'Poppins', sans-serif; font-size: 1em; }

  #pricing { position: absolute; margin-top: -80px; }
#our-story-intro, #feature-intro { background: #e6eff7; padding-top: 1.5em; padding-bottom: 2em; }
    #our-story-intro h1, #feature-intro h1, #features-know-more h1 { color: #347eb3 }
    #our-story-intro p, #our-story-main p, #feature-intro p, #feature-main p {color: #347eb3; line-height: 2em; font-size: 0.9em; letter-spacing: 0.07; }
    #our-story-intro p { padding-left: 2em; padding-right: 2em; }
    #feature-main h2 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.2em; color: #3A4044; margin-bottom: 0.5em; margin-top: 0; }
    #feature-main .row { padding-top: 5em; }
    #feature-main p { margin-top: 0; margin-bottom: 2.5em; }
    #our-story-main, #feature-main, #features-know-more { background: #fff; padding-bottom: 3em; }
    #our-story-main p, #feature-main p { color: #3A4044; font-weight: 400; line-height: 2.2em; }
    #feature-main img { margin-bottom: 2.5em; }
    #feature-main ul { list-style-type: none; color: #3A4044; font-weight: 400; line-height: 2.2em; }
    #feature-main ul li:before {   content: '-'; position: absolute; margin-left: -20px; }
    #our-story-main p span.our-story-img-description { color: #777777; line-height: 2em; }
    #our-story-main p span.our-story-name { color: #347eb3; line-height: 2em; }
    #our-story-main p span.our-story-description { color: #777777; line-height: 2em; }

#content, #messages { background: #eeeeee; text-align: left; color: #777777; }
#site-error { height: 300px; padding-top: 150px; background: #eeeeee; color: black; text-align: center; font-size: 2em; }
/* Login */
#login { text-align: center; }
    #login-form-wrapper { text-align: left; display: inline-block; background: white;
			  padding: 0px 50px 20px 50px; border-radius: 20px; border: 1px solid #CCC; }
    
/* Invoice */
#invoice-summary { min-height: 100px; }
#start-adding-aircraft { padding: 15px; height: 25px; line-height: 25px; }
#start-adding-aircraft .icon { height: 25px; }


/* Image slideshow */
.gallery .next {
    position: absolute; bottom: 40%; right: 20px; width: 30px; height: 70px;
    background: url('/media/images/icons/gallery-next.png') center no-repeat; cursor: pointer; }
.gallery .prev {
    position: absolute; bottom: 40%; left: 20px; width: 30px; height: 70px;
    background: url('/media/images/icons/gallery-prev.png') center no-repeat; cursor: pointer; }
.gallery .close { position: absolute; top: -18px; right: -19px; height: 37px; width: 37px; background: url('/media/images/icons/close-gallery.png') center no-repeat;}
.gallery .panels { text-align: center; }

#quick-description, .intro-message-pad-right {
  display: none;
}
#menu-sm { display: block; }
#quick-description-small {display: block;  }

#feature-intro .feature-intro-image {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .intro-message-pad-right {
    display: block;
    margin-top: 1.5em;
    height: 20.4em;
  }
  #fleet .message > div {
    height: 10.5em;
  }
  body { font-size: 0.8em; }
  a.try, a.buy-now {
      padding: 0.8em 2.5em 0.8em 2.5em;
  }
}

@media only screen and (max-height: 610px) {
  #menu-sm .menu-sm-lang {
    position: static;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
  body { font-size: 0.85em; }
  #main .icon-message-top { padding-top: 3em; }
  #fleet {
    padding-top: 4em;
    padding-bottom: 4em;
    background: url('/media/images/panels/FleetBackground@2x.jpg') center no-repeat;
    background-color: #135f90;
  }
  #about-airplane-engine {
    background: url("/media/images/panels/AirplaneEngine@2x.jpg") center no-repeat;
    background-size: 100%;
  }
  #testimonials ul { padding-left: 2em }
  #connect .connect-image, #feature-intro .feature-intro-image { position: absolute; top: 50%; right: 0; transform: translate(0%, -50%)}

  #feature-intro .feature-intro-image {
    display: block;
  }
  #feature-intro .feature-intro-image .feature-intro-image-inner {
    display: inline-block;
    padding: 2em 2em 2em 2em;
    border: 1px solid #C1CAD0;
    background: #fff;
    border-radius: 0.6em;
    width: 70%;
    text-align: center;
  }
  #feature-intro .feature-intro-image .feature-intro-image-inner .feature-intro-image-inner-img {
    width: 100%;
    padding-top: 62%;
  }

  #feature-intro .feature-intro-image .feature-intro-image-inner.security {
    background-color: #073245; 
  }
  #quick-description {
    display: block;
  }
  #fleet .message > div {
    height: 10.5em;
  }
  #quick-description-small {display: none;  }
}

@media only screen and (min-width: 65em) { /* 960px */
  body { font-size: 0.9em; }
  .intro-message-pad-right{
    margin-top: 1.5em;
    height: 23em;
    width: calc( calc(100% - 60rem) / 2);
  }
  #quick-description .intro-message > div {
    height: 7.8em;
  }
  #quick-description .intro-message > div > div.bottom{
    transform: translateY(-5.5em)
  }
  #fleet .message > div {
    height: 10.5em;
  }

  #menu-sm {
    display: none;
  }
  #our-story-intro p { padding-left: 5em; padding-right: 5em; }
}

@media only screen and (min-width: 77em) {
  body { font-size: 0.95em; }
  .intro-message-pad-right{
    margin-top: 1.5em;
    height: 25.6em;
    width: calc( calc(100% - 70rem) / 2);
  }
  #quick-description .intro-message > div {
    height: 7.9em;
  }
  #quick-description .intro-message > div > div.bottom{
    transform: translateY(-6.6em)
  }
  #menu a.menu-link {
    padding: 0 0.9em 0 0.9em;
  }
  #menu a.nav-button-action, #menu a.nav-button-border {
    padding: 0.2em 2em 0.2em 2em;
  }
  #our-story-intro p { padding-left: 12em; padding-right: 12em; }
}

@media only screen and (min-width: 87em) {
  body { font-size: 1em; }
  .intro-message-pad-right{
    margin-top: 1.5em;
    height: 26em;
    width: calc( calc(100% - 83.334rem) / 2);
  }
  #fleet .message > div {
    height: 11.7em;
  }
}