/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {

}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

}

/* md <= Large (lg) */
@media (max-width : 992px) {
    .top-logo {
        max-width: 280px;
    }
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
    .footer-text {
        font-size: 24px;
        padding-bottom: 30px;
    }
    .top-logo {
        max-width: 405px;
    }
    .typed-area p  {
        font-size: 34px;
    }
    .top-logo-txt {
        margin: 30px auto 0;
    }
    .container p span.cursor {
        font-size: 32px;
    }
    body {
         background: #221F1F url("../images/bck.png")no-repeat center right / 30% ;
     }
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
    body {
        background: #221F1F url(../images/bck.png)no-repeat 100% 70%  / 45%;
    }
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {

}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {

}