@media (min-width: 300px) {
  .img-logo {
    width: 60%;
  }
}

@media (min-width: 992px) {
  .img-logo {
    width: 60%;
  }
}

@media (min-width: 300px) {
  #logo {
    /*width: 200px;*/
  }
}

@media (min-width: 992px) {
  #logo {
    width: 294px;
  }
}

#items-menu {
  font-size: 16px;
  /*margin-left: 52px;*/
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-weight: bold;
  margin-top: 0px;
}

@media (min-width: 300px) {
  #items-menu {
    font-size: 16px;
    /*margin-left: 52px;*/
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-weight: bold;
    /*margin-top: 30px;*/
    margin-left: 10px;
  }
}

.icon-menu {
  width: 30px;
}

.navbar-toggler {
  /*padding: .25rem .75rem;*/
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: .25rem;
  padding-top: 27px;
}

@media (min-width: 300px) {
  .container.hero {
    margin-top: 150px;
  }
}

@media (min-width: 992px) {
  .container.hero {
    margin-top: 320px;
  }
}

@media (min-width: 300px) {
  .header-blue {
    background-image: url("../../assets/img/header-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 620px;
    background-position: center;
  }
}

@media (min-width: 992px) {
  .header-blue {
    background-image: url("../../assets/img/header-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 750px;
    background-position: center;
  }
}

.line {
  margin: 72px;
}