header {
  padding-top: 76px;
}

.navbar {
  padding-right: 0;
}

.img-logo {
  max-height: 66px;
  width: 156px;
}

.navbar-nav {
  background-color: #036eb7;
  border-radius: 8px 0 0 8px;
  padding-left: 12px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fffcf3;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fffcf3;
  opacity: .7;
}

#PageOuchienCloud #heading {
  margin-top: 45px;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 22px;
    padding-left: 22px;
  }
}

@media (max-width: 1150px){
  .img-logo {
    max-height: 54px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 800px){
  .img-logo {
    max-height: 50px;
    width: 128px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    /*font-size: 10px;*/
    padding-right: 8px;
    padding-left: 8px;
  }
}

@media (max-width: 767px){
  .btn-close {
    position: fixed;
    right: 14px;
    top: 20px;
  }

  .btn-close img {
    width: 26px;
  }

  .navbar-collapse {
    background-color: #036eb7;
    border-radius: 0;
    height: 100vh;
    left: 0;
    overflow-y: scroll;
    padding-top: 105px;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 20px;
  }

  .img-logo {
    max-height: 56px;
    width: 96px;
  }

  .navbar-dark .navbar-toggler {
    background-color: #036eb7;
    border-radius: 8px 0 0 8px;
    height: 48px;
    padding: .25em 25px .25em 11px;
    width: 65px;
  }

  .navbar-dark .navbar-toggler img {
    height: 25px;
  }

  #PageOuchienCloud #heading {
    margin-top: 0;
  }
}