.page__title {
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 6vh;
margin: 0 auto;
position: relative;
z-index: 1;
color: #ede0cb;
text-shadow: 0vh 1vh 2vh rgba(0, 0, 0, 0.3);
width: 1170px;
height: 250px;
        position: relative; width: 100%; aspect-ratio: 16/5; overflow: hidden; margin-bottom: 10px;
}
.page__title_name {
position: absolute;
top: 37%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 5vh;
margin: 0 auto;
color: #ede0cb;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
}
.page__title_name2 {
position: absolute;
top: 62%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 2.2vh;
margin: 0 auto;
color: #fff;
filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 1));
text-align: center;
flex-direction: column;
width: 100%;
}
.page__title_name2 span {
font-size: 4vh;
margin-bottom: 0.3vh;

color:#fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4), -1px -1px 1px rgba(0, 0, 0, 0.5);
}
.page__title img {
width: 17vh;
margin-right: 0vh;
filter: brightness(1.5) contrast(1.1);
}
        
        .header .top .logo {
       filter: brightness(1) contrast(1.2) saturate(1.1) drop-shadow(2px 10px 6px black);
      }
        
@media screen and (max-width: 1200px) {
.page__title {
height: 150px !important;
}
.page__title_name {
font-size: 3vh !important;
top: 25%;
}
.page__title_name2 {
font-size: 1.5vh !important;
}
.page__title img {
width: 10vh !important;
}
}