.navbar-brand img {
    width: 20%;
}

.coinImg {
    width: 7%;
}

.cointableDiv {
    margin-bottom: 6%;
}

@media (max-width : 325px) {

    .UpperCurrenciesRate h5 {
        font-size: 12px;
    }

    .UpperCurrenciesRate p {
        font-size: 12px;
    }

    .CustomerSupport .col-4 i {
        font-size: 20px;
    }

    .CustomerSupport .col-4 p {
        font-size: 12px;
    }

    .navbar-brand img {
        width: 50%;
    }

    .coinImg {
        width: 23%;
    }

    .cointableDiv {
        margin-bottom: 25%;
    }

    #coinTable tr td span {
        font-size: 11px;
    }

    .coinPrice {
        font-size: 12px;
    }

    .coinChange {
        font-size: 12px;
    }


    /* footer */
    .footerIcons .col-2 i {
        font-size: 12px;
    }

    .footerIcons .col-2 h7 {
        font-size: 12px;
    }
}

@media (min-width : 325px) and (max-width : 425px) {

    .UpperCurrenciesRate h5 {
        font-size: 14px;
    }

    .UpperCurrenciesRate p {
        font-size: 14px;
    }

    .CustomerSupport .col-4 i {
        font-size: 25px;
    }

    .CustomerSupport .col-4 p {
        font-size: 14px;
    }

    .navbar-brand img {
        width: 50%;
    }

    .coinImg {
        width: 23%;
    }

    .cointableDiv {
        margin-bottom: 25%;
    }

    #coinTable tr td span {
        font-size: 14px;
    }

    .coinPrice {
        font-size: 16px;
    }

    .coinChange {
        font-size: 16px;
    }


    /* footer */
    .footerIcons .col-2 i {
        font-size: 15px;
    }

    .footerIcons .col-2 h7 {
        font-size: 14px;
    }

}

@media (min-width : 425px) and (max-width : 768px) {

    .UpperCurrenciesRate h5 {
        font-size: 16px;
    }

    .UpperCurrenciesRate p {
        font-size: 16px;
    }

    .CustomerSupport .col-4 i {
        font-size: 30px;
    }

    .CustomerSupport .col-4 p {
        font-size: 16px;
    }

    .navbar-brand img {
        width: 30%;
    }

    .coinImg {
        width: 14%;
    }

    .cointableDiv {
        margin-bottom: 10%;
    }
    

    #coinTable tr td span {
        font-size: 16px;
    }

    .coinPrice {
        font-size: 16px;
    }

    .coinChange {
        font-size: 16px;
    }


    /* footer */
    .footerIcons .col-2 i {
        font-size: 15px;
    }

    .footerIcons .col-2 h7 {
        font-size: 14px;
    }

}