@media only screen and (max-width: 540px) {
    .navbar-brand {
        display: none;
    }
}

@media only screen and (min-width: 540px) {
    h1, .txt-rotate {
        font-size: 5vw;
    }
    #link-learn-more, #link-view-work, h2 {
        font-size: 4vw;
    }
    .type-writing>div {
        justify-content: center;
    }
}

@media only screen and (min-width: 720px) {
    h1, .txt-rotate {
        font-size: 4vw;
    }
    #link-learn-more, #link-view-work, h2 {
        font-size: 3vw;
    }
}

@media only screen and (min-width: 960px) {
    h1, .txt-rotate {
        font-size: 3vw;
    }
    #link-learn-more, #link-view-work, h2 {
        font-size: 2vw;
    }
}