.main-header{
    width: 100%;
    height: 6.5rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4;
    background: $color-main-neutral url(~/../../../app/images/header.jpg) 0 0 no-repeat;
    

    .logotipo{
		margin: 0.7rem 2.5rem;
    }

    .breadcrumb{
    	flex-grow: 1;
    	margin-left: 12rem;
    	font-family: $font-title;
    	font-size: 1.6rem;
    	color: $color-main;

        a{
    		font-family: $font-title;
    		text-decoration:none;
            font-weight: 700;
    	}

    	.setor-atual{
    		padding: 0 0.5rem;

    		strong{
    			font-family: $font-title;
    			padding-right: 0.5rem;
    			padding-left: 0.5rem;
    		}

    		&:before{
    			font-family: 'icomoon';
    			content: '\e902';
    			font-size: 0.9rem;
    			display: inline-block;
    			transform: rotate(-90deg);
  				padding-right: 0.9rem;
    			position: relative;
    			top: -6px;
    		}

    		&:after{
    			content:'|';
    			padding-left: 0.5rem;
    		}
    	}

    	.rota-atual{
    		strong{
    			font-family: $font-title;
    			padding-right: 0.5rem;
    		}
		}

		.info-rota-atual{
    		&:before{
    			content: '|';
				padding: 0 0.5rem;
    		}
    	}
    }
}
