#banner {
  position: relative;
  height: 60vh;
  min-height: 575px;
  max-height: 750px;
  border-bottom: 1px solid gray;
  background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.2)), url('/assets/stars2.jpg');
  background-size: cover;
  /*
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  */
}

#wt-spacer {
  height: 15px;
}

#wt-header {
  position: absolute;
  right: 25px;
  bottom: 5px;
}

#wt-header img {
  width: 650px;
}

#banner2 {
  text-align: center;
}

#laptop-img {
  width: 75%;
}

#banner2-text {
  font-size: 24px;
}

#feature-list {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.feature-item {
  height: 64px;
}

#feature-list h4 {
  color: #5e88ad;
  font-size: 22px;
}

#feature-list p {
  margin-top: -20px;
}

#features-left {
  text-align: right;
  margin-right: 30px;
}

#features-right {
  text-align: left;
  margin-left: 30px;
}

.feature-img-left {
  float: right;
  margin-left: 25px;
}

.feature-img-right {
  float: left;
  margin-right: 25px;
}

#feature-button {
  display: inline-block;
  background-color: #666666;
  color: white;
  text-decoration: none;
  font-weight: 600;
  border-radius: 22px;
  padding: 5px 10px;
  box-shadow: 1px 1px 5px 0px gray;
  margin-top: 30px;
  margin-bottom: 10px;
}

#feature-button:hover {
  background-color: #e7e7e7;
  color: black;
}

.header-big {
  color: #707070;
  font-size: 32px;
  font-weight: 600;
  text-shadow: 1px 0px 1px #4d4d4d;
  font-family: tahoma, sans-serif;
}

.header-medium {
  color: #707070;
  font-size: 26px;
  font-weight: 600;
  text-shadow: 1px 0px 1px #4d4d4d;
  font-family: tahoma, sans-serif;
}

.header {
  color: #919191;
  font-size: 20px;
  font-weight: 600;
}

.flex-wrapper {
  display: flex;
  align-items: center;
}

.img-cont {
  display: inline-block;
  width: 48%;
  padding: 5px;
}

.feature-img {
  width: 96%;
  box-shadow: 1px 1px 4px 1px rgba(143,143,143,1);
}

.text-cont {
  display: inline-block;
  width: 48%;
  text-align: center;
  vertical-align: top;
  padding: 5px;
}

.text-cont-full {
  text-align: center;
  padding: 5px;
  margin: 0 auto;
}

.feature-text {
  display: inline-block;
  width: 75%;
  margin-top: 25px;
}

.content-highlight {
  background: rgb(32,32,38);
  background: linear-gradient(159deg, rgba(32,32,38,1) 0%, rgba(101,117,172,1) 65%, rgba(0,212,255,1) 93%);
}

.header-highlight {
  color: aliceblue;
}

.feature-text-highlight {
  color: #e8e8e8;
}

#cloud-img, #speed-img, #data-migration-img {
  max-width: 650px;
}

#support-img {
  max-width: 650px;
  float: right;
}

#support-list {
  display: inline-block;
  text-align: left;
}

#cloud-list {
  display: inline-block;
  text-align: left;
  margin-left: 65px;
}

#responsive-img {
  max-width: 650px;
  float: right;
}

#fh-wrapper {
  margin-left: 15%;
  margin-right: 15%;
}

#featured-hotels, #connected-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  grid-column-gap: 50px;
  grid-row-gap:25px;
}

#featured-hotels {
  padding-bottom: 20px;
}

#connected-services {
  margin-top: 25px;
}

.fh-logo, .cs-logo {
  width: 175px;
}

.fh-logo-small {
  width: 135px;
}

.fh-logo-xs {
  width: 95px;
}

.cs-logo {
  align-self: flex-start;
}

#features-link {
  margin-top: 15px;
}

#voucher-banner-main {
  background-color: #4158d0;
  text-align: center;
}

#voucher-banner-footer {
  background-color: #2874fc;
  min-height: 10px;
}

#ellada20-logo {
  margin-left: 150px;
}


@media (max-width: 1025px) {

  #laptop-img {
    width: 100%;
  }

  .flex-wrapper {
    flex-flow: column;
  }

  .img-cont {
    width: 100%;
    order: 2;
    text-align: center;
  }

  .text-cont {
    width: 100%;
    margin-bottom: 10px;
    order: 1;
  }

  .feature-img {
    float: none !important;
    width: 75%;
  }

  #wt-header {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 100%;
    /*background: rgba(255, 255, 255, 0.1);*/
    text-align: center;
  }

  #wt-header img {
    max-width: 100%;
  }

  #cloud-list {
    margin-left: 35px;
  }

}

@media (max-width:875px) {

  #feature-list {
    display: block;
  }

  #features-left {
    margin-right: 15px;
  }

  #features-right {
    margin-left: 15px;
  }

}

@media (max-width:1625px) {
  #fh-wrapper {
    margin-left: 10%;
    margin-right: 10%;
  }
}

@media (max-width:1250px) {
  #fh-wrapper {
    margin-left: 5%;
    margin-right: 5%;
  }

  #cloud-list {
    margin-left: 50px;
  }
 }

 @media (max-width:800px) {
   #fh-wrapper {
     margin-left: 10px;
     margin-right: 10px;
   }

   .fh-logo {
     width: 125px;
   }

   .fh-logo-small {
     width: 100px;
   }

   .fh-logo-xs {
    width: 75px;
  }

  #cloud-list {
    margin-left: 15px;
  }

  #ellada20-logo {
    margin-left: 0px;
  }
 }