// RESPONSIVE
    /*lg*/
    @media (min-width: 1200px) {
        #topo h1{
            font-size: 90px !important;
        }
        #topo h5{
            font-size: 12px !important;
        }
    }

    /* md */
    @media (min-width: 992px) and (max-width: 1199px) {

    }

    /* sm */
    @media (min-width: 768px) and (max-width: 991px) {
        #topo{
            height:300px !important;
        }
    }

    /* xs */
    @media (max-width: 767px) {
        #topo{
            height:300px !important;
        }
        #topo h1{
            font-size: 20px !important;
        }
        #topo h5{
            font-size: 12px !important;
        }
    }

    /* XS Portrait */
    @media (max-width: 479px) {
        #topo h1{
            font-size: 20px !important;
        }
        #topo h5{
            font-size: 12px !important;
        }
    }
    
    /*
    #topo:after {
        width:100%;
        height: 435px;
        background:rgba(0,0,0,0.2) !important; 
        content:"";
        display:block;
        margin-top:-260px;
    }*/