.main-header{
    width: 100%;
    height:6.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    background: $colorMain url(../../app/images/header.jpg) 0 0 no-repeat;
    box-shadow: 0 1px 20px 0px #959595;

    .logotipo{
        margin: 0.7rem 2rem;
    }

    .breadcrumb{
        flex-grow: 1;
    	margin-left: 12rem;
    	font-family: $fontTitles;
    	font-size: 1.6rem;
    	color: $colorMainRoyal;
    	a{
    		font-family: $fontTitlesB;
    		color: $colorMainRoyal;
    		text-decoration:none;
    	}

    	.tela-atual{
    		padding: 0 0.5rem;

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

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