b {
  font-weight: 400;
}

.imgBanner {
  display: flex;
  height: 50%;
  width: 100%;
}

.header_flex { 
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  margin: 0% 0% 0% 1.1%;
}

.header_Logo {
  width: 24%;
  object-fit: cover;
  padding-top: 1.2%;
  padding-right: 2%;
  padding-bottom: 1.3%;
  box-shadow: 10px 0px 8px #2e2e2e;
}

.header_text {
  padding-top: 2%;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  padding-left: 2%;
  
}

.header_text h1 {
  font-size: 4.3em;
  font-weight: 400;
  white-space: nowrap;
}

.header_text span {
  position: relative;
  bottom: 4%;
  font-size: 1.7em ;
  font-weight: 300;
}

.header_asset {
  max-width: 30%;
  width: fit-content;
  
}

.header_menu {
    position: relative;
    bottom: 2%;
    box-shadow: 10px -5px 10px 2px  #2e2e2e;
    display: inline-block;
    white-space: nowrap;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: center;
}

.header_menu a {
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 500;
  color: rgba(215, 46, 43, 1);
}

.header_menu a:hover{
  color: #ECECEC;
}


.imgBanner img {
  width: 100%;
  height: 40vh;
  object-fit:cover;
  object-position: 10% 8%;
}

.BannerMenu {
  z-index: 100;
  position:relative;
  
}

.BannerMenu a {
  text-decoration: none;
  font-weight: 400;
  font-size: 1.3em
}

.BannerMenu a:hover{
  color: #ECECEC;
}

section {
  padding: 1%;
  padding-bottom: 4%;
}

section h4 {
  text-decoration: underline 4px;
  
}

.objectSession {
  background-color: #ECECEC
}

.objectSession span, .objectSession h4 {
  color: black;
}

span {
  font-size: 1.1em;
}

@media only screen and (max-width: 1910px) {
  .BannerMenu {
    bottom: 5.5vh;
  }
}

@media only screen and (max-width: 1910px) {
  .header_Logo {
    width: 38%;
  }
  /* .header_menu a {
       font-size: 1.7em;   
  } */
  .header_text span{
    font-size: 3em;
  }

}

@media only screen and (max-width: 1610px) {
  .header_Logo {
    width: 38%;
    min-width: 28%;
  }
 .header_text {
   padding-right: 4%;
 }

  .header_text h1 {
    font-size: 2em;
  }
  .header_text span {
    font-size: 1.8em;
  }

  .header_menu a {
       font-size: 1.1em;   
  }
  
}

@media only screen and (max-width: 1225px) {
  .header_Logo{
    min-width: 20%;
    object-fit: contain;
  }
  .header_text h1{
    font-size: 1.8em;
  }
  .header_text span{
    font-size: 1.5em;
  }
  .header_menu a{
    font-size: 1em;   
}


@media only screen and (max-width: 530px) {
  .header_Logo{
    min-width: 30%;
    object-fit: contain;
  }
  .header_text h1{
    font-size: 2em;
  }
  .header_text span{
    font-size: 1em;
  }
  
}

@media only screen and (max-width: 410px) {
    .header_Logo{
      min-width: 40%;
      object-fit: contain;
    }
    .header_text h1{
      font-size: 1em;
    }
    .header_text span{
      font-size: 0.8em;
    }
  }
}