/* mobile*/

body {
    width: 100vw;
    /* height: 100vh; */
    background-image: url(../assets/images/or.jpg);
    /* background-size: 100% 100%; */
}


.ashwood {
    color: rgb(0, 183, 255);
    font-weight: 600;
    font-size: 17px;
    padding-top: 4px;
    text-align: center;
}

.import {
    color: red;
    font-size: 20px;
}

.mTitle {
    padding-top: 1em;
    background: rgba(102, 51, 153, 0);
    text-align: center;
    font-size: 20px;
    color: dodgerblue;
}

.mText {
    color: #000000;
    max-width: 40em;
    font-size: 10px;
    margin: 1em auto;
}

.eta {
    background: rgba(255, 0, 0, 0);
    width: 5.4em;
    height: 5.4em;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    color: rgba(13, 157, 214, 0.562);
    border: 2px solid rgba(13, 157, 214, 0.562);
}
.num {
    background: rgba(255, 255, 0, 0);
    height: 65%;
    font-size: 35px;
    padding-top: 15px;
    line-height: 70%;
}

/* tablet */

@media only screen and (min-width:768px) {
    .mTitle {
        background: rgba(102, 51, 153, 0);
        text-align: center;
        font-size: 20px;
        color: #000000;
        margin: 1em auto;
    }
    .eta {
        background: rgba(255, 0, 0, 0);
        width: 8em;
        height: 8em;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        overflow: hidden;
        color: rgba(13, 157, 214, 0.562);
        border: 2px solid rgba(13, 157, 214, 0.562);
    }
    .num {
        background: rgba(255, 255, 0, 0);
        height: 65%;
        font-size: 40px;
        padding-top: 35px;
        line-height: 70%;
    }
}

/* computer */

@media only screen and (min-width:768px) {
    .mTitle {
        background: rgba(102, 51, 153, 0);
        text-align: center;
        font-size: 30px;
        color: dodgerblue;
        margin: 1em auto;
        /* font-weight: 600; */
    }
    .mText {
        color: #4d4d4d;
        max-width: 40em;
        font-size: 16px;
        margin: 1em auto;
    }
    .eta {
        background: rgba(255, 0, 0, 0);
        width: 8em;
        height: 8em;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        overflow: hidden;
        color: rgba(13, 157, 214, 0.562);
        border: 2px solid rgba(13, 157, 214, 0.562);
    }
    .num {
        background: rgba(255, 255, 0, 0);
        height: 65%;
        font-size: 40px;
        padding-top: 35px;
        line-height: 70%;
    }
    .import {
        color: red;
        font-size: 40px;
    }
    .mLogo {
        height: 18em;
        width: 30em;
        margin: auto;
        padding-left: 1.4em;
        border-radius: 50%;
    }
    .ashwood {
        color: rgb(0, 183, 255);
        font-weight: 600;
        font-size: 17px;
        padding-top: 4px;
        text-align: center;
    }
}