@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


.logo-text {
    margin-top: 50px;
}
.logo-text h1 {
    font-family: serif;
    font-weight: 300;
    color: rgb(109, 109, 109);
    font-size: 20px;
    letter-spacing: 0.3px;
    margin-bottom: -3px;
}

.logo-text h2 {
    font-style: italic;
    color: rgb(177, 177, 177);
    font-size: 18px;
    font-weight: 300;
}

.logo-text h3 {
    font-family: serif;
    font-weight: 300;
    color: #4cb2d4;
    margin-top: 7px;
    font-size: 16px;
}

@media screen and (max-width: 642px) {
    .logo-text {
        margin-top: 59px;
      }
      
    .logo-text h1 {
        font-size: 18px;
    }

    .logo-text h2 {
        font-size: 16px;
    }

    .logo-text h3 {
        font-size: 14px;
    }
    
}

@media screen and (max-width: 590px) {

    .logo-text {
        margin-top: 15px;
    }

    .logo-text h1 {
        max-width: 230px;
       
    }

    .logo-text h2 {
        max-width: 180px;
     
    }

}

@media screen and (max-width: 450px) {
    
    .logo-text {
        margin-top: 15px;
      }
      
    .logo-text h1 {
        font-size: 16px;
        max-width: 200px;
        margin-bottom: 3px;
    }

    .logo-text h2 {
        font-size: 14px;
        max-width: 150px;
    }

    .logo-text h3 {
        font-size: 12px;
    }
 
}