/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#topbar{
    background-color: #efefef!important;
}

#mainMenu nav > ul > li:active, {color: red};

@media (max-width: 768px) { button.btn:not(.btn-creative):not(.btn-slide), .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) { font-size: 12px; height: 40px; line-height: 30px; padding: 0 14px;}
    .offset-1 {
        margin-left: 0 !important;
    }
    .imagem-responsiva{
        width: 100%!important;
        height: auto!important;
    }
}    


@media screen and (max-width: 768px){
    .imagem-responsiva{
        width: 100%!important;
        height: auto!important;
    }
}