/* Header */
@media screen and (max-width: 280px) {
    #main-logo img{
        height: 40px;
    }
}

@media screen and (min-width: 281px) and (max-width: 320px) {
    #main-logo img{
        height: 45px;
    }
}
/* ----------------------------- */

/* Typed */
@media screen and (max-width: 320px) {
    #typed{
        font-size: 30px;
    }
    
    .typed-cursor{
        font-size: 30px;
    }
}

@media screen and (min-width: 321px) and (max-width: 450px) {
    #typed{
        font-size: 40px;
    }
    
    .typed-cursor{
        font-size: 40px;
    }
}
/* ----------------------------- */