/*big tab to 1200px device ---> The width smaller than 1140 px*/

@media only screen and (max-width: 1200px) {

        html,
        body{

            font-weight: 300;
            font-size: 15px;

        }
    h1, h2, h3 {
    font-weight: 500;
}
    
}



/*768 px to 1023 small tablet to bid tab or tab/ipad in potriat mode*/

@media only screen and (max-width:1023px){

        html,
        body{

            font-weight: 300;
            font-size: 12px;

        }
    h1, h2, h3 {
    font-weight: 400;
    }
    
}


/*small phones to samll tabs or ipads  481px to 767 px*/

@media only screen and (max-width:767px){
    
    h1{
        font-size: 150%;
        padding-bottom: 2%;
    }
        h2{
        font-size: 110%;
    }

}
    
    
    
    
/* Small phone till 0 to 480 px (iphone 4 or less*/

@media only screen and (max-width:480px){
    
}