/*web*/
.banner-web {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  background: url(../images/Cover-web.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  outline: none;
}

#sign {
  display: flex;  
  align-items: center;
  height: 100vh;
  width: 80%;
  margin: 0 auto;
  /*background: #333333;*/
  /*opacity: .5;*/
}

#sign .logoimg{
  margin-bottom: 1.5rem;
}
.wrap{

}
.search {
  position: relative;
  display: flex;
}

.input-group > .form-control{
  display: block;
  border: 5px solid #005baa;
  border-radius: 50px 0 0 50px;
  text-align: center;
  font-size: 1.5rem;
  padding: 1.5rem 1.5rem;
}

.input-group > .input-group-append > .btn{
  display: block;
  border: 5px solid #005baa;
  line-height: 0;
  background: #005baa;
  color: #fff;
  border-radius: 0 50px 50px 0;
  font-size: 1.5rem;
  padding: 1.5rem 1.5rem;
}

/*searchTerm*/
/*.searchTerm {
  border: 6px solid #005baa;
  padding: .5rem 2rem;
  border-radius: 50px 0 0 50px;
  border-right: none;
  font-size: 1.5rem;
  outline: none;
}
.searchButton {
  border: 5px solid #005baa;
  padding: .5rem 2rem;
  font-size: 1.5rem;
  text-align: center;
  background: #005baa;
  color: #fff;
  border-radius: 0 50px 50px 0;
  cursor: pointer;
  }*/
  button:focus {
    outline: none;
  }
  /**/

  @media (max-width: 1024px) { 
    .banner-web{
      width: 100%;
      height: 100vh;
      background: url(../images/Cover-rwd.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
      outline: none;
    }
    #sign {
      display: flex;  
      align-items: center;
      justify-content: center;
      transform: translate(0%,-20%);
      width: 100%;
      margin: 0 auto;
      height: 100vh;
    }
  }

  @media (max-width: 576px) { 
    #sign {
      display: flex;  
      align-items: center;
      justify-content: center;
      transform: translate(0%,-20%);
      width: 80%;
      margin: 0 auto;
      height: 100vh;
    }
    .input-group > .form-control{
      display: block;
      border: 3px solid #005baa;
      border-radius: 50px 0 0 50px;
      text-align: center;
      font-size: 1rem;
      padding: 0rem 1rem;
    }

    .input-group > .input-group-append > .btn{
      display: block;
      border: 10px solid #005baa;
      line-height: 0;
      background: #005baa;
      color: #fff;
      border-radius: 0 50px 50px 0;
      font-size: 1rem;
      padding: 0rem 1rem;
    }

/*  .searchTerm {
    border: 5px solid #005baa;
    padding: .25rem 1rem;
    border-radius: 50px 0 0 50px;
    border-right: none;
    font-size: 1.5rem;
    outline: none;
  }

  .searchButton {
    border: 5px solid #005baa;
    padding: .25rem 1rem;
    font-size: 1.5rem;
    text-align: center;
    background: #005baa;
    color: #fff;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
    }*/
  }