body{
    -webkit-font-smoothing: antialiased;
 }
 footer{
        padding: 5px;
        background: #000;
        width: 100%;
        text-align: center;
       
}
footer p{
         font-size: 15px;
}
.guru{
        vertical-align: middle;
/*        padding-top: 2em;*/
padding-top: 24px;
    }
    .guru h2{
        /*font-size: 3.8em;
        font-size: 3.8vw;*/
font-size: 56px;
        margin: 0;
    }
    .guru p{
/*        font-size: 1.8vw;*/
font-size: 26px;
        margin: -10px 0;
        font-weight: bold;
    }
    .guru small{
/*        font-size: 1.1vw;*/
font-size: 16px;
    }
    .guru a{
        color: #ffffff;
    }
    footer{
      padding-top: 20px;
      overflow: hidden;
    }
    footer h4{
        font-size: 14px;
        margin: 6px 0;
        text-align: left;
        text-transform: none;
        color: #c7c7c7;
    }
    footer .row{
        margin: 0;
    }
    footer .logo{
        margin-top: 20px;
    }
    .navbar-brand img {
    height: 88px;
}
.navbar-nav{
    margin-top: 20px;
}
.mob{
    display: none;
}
.txt--head{
    text-align: center;
    padding-top: 8px;
    font-size: 9px;
    width: 500px;
    max-width: 100%;
}
.txt--head .txt1{
       font-size: 30px;
    line-height: 34px;
}
.txt--head .txt2{
    font-size: 12px;
}
.txt--head .txt3{
    font-size: 16;
}
.custom-color{
    color: #979f9e;
}
footer small{
    font-size: 78%;
}
.ruota{
    overflow-x:hidden;
}
    @media(max-width:789px){
        footer p, footer h4{
            text-align: center!important;

        }
    }
    @media(max-width:1024px){
        .guru img{
            margin-top: 15px;

        }
    }

    @media(max-width:601px){
        .noMob{
            display: none;
        }
        .mob{
            display: block;
        }
    }