#main_banner2 {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 350px;
  background-image: var(--main-banner-bg-url), var(--banner-bg);
  background-position:
    var(--banner-bg-pos) bottom,
    bottom var(--banner-bg-pos);

  background-repeat:
    no-repeat,
    no-repeat;
  background-size: contain;
  /*background: var(--banner-bg);*/
  justify-content: flex-end;
  

  
}

#main_banner2_image {
  display: flex;
}

#main_banner2_image img {
  max-height: inherit;
  width: 100%;
  display: block;
  object-fit: contain;
  object-position: bottom left;
}

#main_banner {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 600px;
  background: var(--banner-bg);
}

#main_banner_text {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 6%;
  padding-top: calc(var(--header-height) + 60px);
  gap: 20px;
}
#main_banner_text article {
  display: flex;	
  flex-direction: column;
  width: 100%;
}
#main_banner_text article  h1 {
  color: var(--color1);
}
#main_banner_text section {
  display: flex;	
  flex-direction: row;
  width: 100%;
  gap: 10px;
}
#main_banner_image {
  display: flex;
}

#main_banner_image img {
  max-height: inherit;
  width: 100%;
  display: block;
  object-fit: contain;
  object-position: bottom left;
}

#main_banner_text article  h1 {
  
  font-weight: 900;
  letter-spacing: 2px;
}

@media screen and (min-width: 200px) and (max-width: 920px) { /*Mobile devices*/
  #main_banner {
   display: flex;
   flex-direction: column;
   position: relative;
   width: 100%;
   height: auto;
 }
 #main_banner_text {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6%;
  padding-top: calc(var(--header-height) + 10px);
  gap: 20px;
}
#main_banner_image img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
}
#main_banner_text article  h1 {
  font-size: calc(var(--h1) - 0.4rem);
}
}

@media screen and (min-width: 401px) and (max-width: 1280px) { /*Mobile devices*/
  
}