@media (max-width: 240px){
	.navbar{
		margin-top: 2em;
	}
}


@media(max-width:430px){
	.navbar{
		margin-top: 2em;
	}
}


@media (max-width: 979px) {
	.navbar{
		margin-top: 2em;
	}
}


/* CSS APP MOBILE */

@media(max-height: 559px){
    .row-resp{
        border-top: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        border-radius: 4px;
        float:left;
        width:100%;
    }

    .row-resp-header{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:97%;
        padding: 10px 0 10px 6px;

    }

    .row-resp-right{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:97%;
        padding: 1px 0px 20px 6px

    }

    .row-resp-nome{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:97%;
        padding: 1px 0px 20px 6px

    }

    .row-resp-left{
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:97%;
        padding: 1px 0 1px 6px;
        font-weight:bold;

    }

    .demonstrativo-responsivo{
        display:block;
        list-style:none;
        margin:0;
        float:left;
    }

    .demonstrativo-responsivo .lista {
        width:46%;
        padding-bottom:6px;
        margin-left:10px;
    }
}

@media(min-height: 560px){

    .row-resp{
        border-top: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        border-radius: 4px;
        float:left;
        width:100%;
    }

    .row-resp-header{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:98.5%;
        padding:3px;

    }

    .row-resp-right{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:35%;
        padding:3px;

    }

    .row-resp-nome{
        border-left: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:35%;
        padding:3px;

    }

    .row-resp-left{
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        position:relative;
        float:left;
        width:12%;
        padding:3px;

    }

}