.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: 35%;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: 63%;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: 14vh;margin-right: 0vh;filter: brightness(1.2) 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;
}
}