.myHead {
    background-color: #3c8dbc;
    opacity: 0.9;
    color: black;
    padding: 0px;
    font-size: 30px;
    font-weight: bold;
    font-variant: small-caps
}
.myHeadMain {
    background-color: #3c8dbc;
    opacity: 1;
    color: white;
    padding: 0px;
    padding-top: 5px;
    font-size: 25px;
    font-weight: bold;
    font-variant: small-caps
}
.myColor {
    color: #2e2e2e;
    font-weight: bolder;    
}
.myColor1 {
    color: #d2d6de;
    font-weight: bolder;
    font-size: 25px
}
.myWidth {
    width: 45%;
    /*background-color:aqua;*/
}
.myWidth1 {
    width: 20%;   
}
.myWidth2 {
    width: 100%;    
}
.myHeadMainBlock {
    display: none;
}


@media (max-width: 800px) {
    .myWidth {
        width: 40px;       
    }
    .myWidth1 {
        width: 40px;       
    }
    .myHead {
        font-size: 12px;
    }
    .myColor1 {
        color: #d2d6de;
        font-weight: bolder;
        font-size: 12px
    }
    .myHeadMain {
        font-size: 10px;
    }
    .myHeadMainNone {
        display:none;
    }
    .myHeadMainBlock {
        display: block;
    }
}