/***********************
* Superfast Wifi Section
***********************/

section.superfast-wifi {
  padding-bottom: 200px;
}

section.superfast-wifi h1 {
  width: 80%;
}

section.superfast-wifi #slide1 {
  background-image: url("/assets/img/1.jpg");
  background-position: right center;
}

section.superfast-wifi #slide2 {
  background-image: url("/assets/img/2.jpg");
  background-position: right center;
}

section.superfast-wifi #slide3 {
  background-image: url("/assets/img/3.jpg");
  background-position: right center;
}

section.superfast-wifi #slide4 {
  background-image: url("/assets/img/4.jpg");
}

section.superfast-wifi #slide5 {
  background-image: url("/assets/img/5.jpg");
  background-position: right center;
}

/***********************
* Features Section
***********************/

section.features {
  padding: 0px;
}

section.features .feature {
  border-right: 3px solid white;
  padding: 50px;
}

section.features .feature:last-child {
  border-right: 0px;
}

section.features .feature p {
  font-size: 16px;
  color: #666;
}

section.features .feature p b {
  color: #323232;
  font-size: 18px;
  font-family: 'HelveticaNeueW01-76Bold', sans-serif;
}

section.features .feature p b a {
  font-family: 'HelveticaNeueW01-76Bold', sans-serif;
}

section.features .feature a.team-link {
  display: inline-block;
  border-top: 1px solid #999;
  width: 100%;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url("/assets/img/right_arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
}

section.features .feature a.team-link:last-child {
  border-bottom: 1px solid #999;
}

/***********************
* Key Features Section
***********************/

section.key-features {
  padding-right: 0px;
}

section.key-features ol {
  list-style-position: inside;
  padding-left:0px;
}

section.key-features ol li {
  color: #666;
  margin-top: 5px;
}

section.key-features p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

section.key-features .key-features-image {
  min-height: 500px;
  background-image: url("/assets/img/FeatureDiagram_update.jpg");
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

section.key-features .key-features-image img {
  height: 100%;
  width: auto;
  max-width: 100%;
}

section.key-features .key-features-image img.mobile {
  display: none;
}

/***********************
* Connect and Find Section
***********************/

section.connect-and-find {
  padding: 0px;
}

section.connect-and-find .how-to-connect p {
  color: #666;
}

section.connect-and-find .how-to-connect p,
section.connect-and-find .find-a-link p {
  font-size: 16px;
}

section.connect-and-find .how-to-connect,
section.connect-and-find .find-a-link {
  padding: 50px;
  padding-bottom: 100px;
}

section.connect-and-find .find-a-link {
  background-image: url("/assets/img/map-bg.jpg");
  border-left: 2px solid white;
}

/***********************
* Link Network
***********************/

section.link-network h3 {
  margin-bottom: 0px;
}

section.link-network .find-one {
  text-align: right;
}

section.link-network p {
  font-size: 15px;
  margin-bottom: 0px;
}

section.link-network a {
  color: white;
}

section.link-network a:hover {
  text-decoration: underline;
  color: white;
}

/***********************
* Link Network Image
***********************/

section.link-network-image {
  padding: 0px;
}

section.link-network-image img {
  width: 100%;
  height: auto;
}

/***********************
* Stay updated section
***********************/

section.stay-updated p {
  color: #666;
  font-size: 16px;
}

/***********************
* Announcement
***********************/

.announcement {
  opacity: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  padding: 15px;
  padding-top: 0px;
  background-color: #004f99;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.announcement p {
  font-family: 'HelveticaNeueW01-76Bold', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: white;
  margin: 0px;
  margin-right: 15px;
  margin-top: 15px;
  display: inline-block;
}

.announcement a {
  display: inline-block;
  border: 1px solid white;
  background-color: transparent;
  font-family: 'HelveticaNeueW01-76Bold', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: white;
  padding: 10px;
  padding-left: 60px;
  padding-right: 60px;
  margin-top: 15px;
}

.announcement a:hover {
  background-color: white;
  color: #004f99;
}

@media (max-width: 500px) {
  .announcement p {
    margin-right: 0px;
  }
}

/* md and smaller */
@media (max-width: 1199px) {
  section.key-features .key-features-image {
    background-size: auto 80%;
  }
}

/* sm and smaller */
@media (max-width: 991px) {
  section.features .feature:nth-child(2) {
    border-right: 0px;
  }
  section.features .feature:nth-child(3),
  section.features .feature:nth-child(4) {
    border-top: 3px solid white;
  }
  section.key-features .key-features-image {
    background-image: url("/assets/img/FeatureDiagram-mobile.jpg");
    background-size: auto 70%;
  }
}

/* xs and smaller */
@media (max-width: 767px)  {
  section.features .feature {
    border-right: 0px;
    border-top: 3px solid white;
  }

  section.features .feature:first-child {
    border-top: 0px;
  }

  section.key-features {
    padding-left: 0px;
  }

  section.key-features .key-features-text {
    padding-right: 50px;
    padding-left: 50px;
  }

  section.key-features .key-features-image {
    padding-left: 0px;
    background-image: url("/assets/img/FeatureDiagram_update.jpg");
    background-size: auto 100%;
  }

  section.connect-and-find .find-a-link {
    border-left: 0px;
    border-top: 2px solid white;
  }

  section.link-network .find-one {
    text-align: left;
  }
}

/* xxs and smaller */
@media (max-width: 400px)  {

}
