@font-face {
    font-family: 'ubuntu-ri';
    src: url('../fonts/ubuntu-ri.woff2') format('woff2'),
         url('../fonts/ubuntu-ri.woff') format('woff'),
         url('../fonts/ubuntu-ri.ttf') format('truetype'),
         url('../fonts/ubuntu-ri.svg#serapineitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Ubuntu', sans-serif;
}

.unimptxt {
    font-weight:100;
}
.imptxt {
    font-weight: 500; 
}

.introTxt-1 {
    text-align: left;
    color: #fff;
    word-spacing: 0.8vw;
    letter-spacing: 0.1vw;
    font-size: 3vw;
    font-family: serapineitalic;
}
.introTxt-2 {
    text-align: left;
    color: #fff;
    font-size: 3vw;
    font-weight: 400;
    font-style: italic;
    word-spacing: 1vw;
    letter-spacing: 0.1vw;
}

.homeTxt-1 {
    text-align: left;
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.05vw;
    font-family: serapineitalic;
}
.homeTxt-2 {
    text-align: left;
    color: #fff;
    font-size: 1.3vw;
    letter-spacing: 0.05vw;
    font-family: ubuntu-ri;
}

@media only screen and (min-device-width: 670px) and (max-device-width: 999px) {
    
    .introTxt {
        width: 18vw;
    }    
    .homeTxt {
        width: 10vw;
    }
    .homeTxt-1 {
        font-size: 1.7vw;
    }
    .homeTxt-2 {
        font-size: 1.8vw;
    }
}

@media only screen and (max-device-width: 669px) and (orientation: portrait) {
    
    .homeTxt-1 {
        text-align: left;
        color: #fff;
        font-size: 2.8vw;
        letter-spacing: 0.1vw;
        font-family: serapineitalic;
    }
    .homeTxt-2 {
        text-align: left;
        color: #fff;
        font-size: 3vw;
        letter-spacing: 0.1vw;
        font-family: ubuntu-ri;
    }
}