/* <div class="inner-navbar">
    
</div>
<div class="inner-inicio">
    <h1><?=$tituloInner?></h1>
</div> */

a {
    
}

.inner-navbar {
    background: white;
    /* height: 100px; */
    background-position: 30% 70%;
    background-size: 110%;
    border-bottom: 3px solid white;
}

.inner-inicio {
    height: 400px;
    background-image: url(../imagens/logobranco.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #09f;
    position: relative;
    width: 100%;
    text-align: center;
    display: flex; display: -ms-flexbox; -moz-display: flex;;
    justify-content: center;
    align-items: center;
}

.inner-inicio h1 {
    color: #eee;
    text-shadow: 1px 1px 1px black;
    position: relative;
    font-size: 6rem;
    letter-spacing: 3px;
    display: none;
}

.inner-inicio h1:after,
.inner-inicio h1:before {
    content: '';
    position: absolute;
    height: 5px;
    width: calc(100% + 20px);
    border: 3px solid white;
}

.inner-inicio h1:before {
    border-bottom: none;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.inner-inicio h1:after {
    border-top: none;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

@media (max-width: 900px) {
    
    .inner-inicio {
        height: 400px;
    }
    
    .inner-inicio h1 {
        font-size: 6rem;
    }
    
}

@media (max-width: 600px) {
    
    .inner-navbar {
        height: 18vw;
        background-position: 100% 100%;
    }
    
    .inner-inicio {
        height: 200px;
        /* background-position: 30% 70%; */
        background-size: 60%;
        /* background-repeat: no-repeat; */
        /* display: none; */
    }
    
    .inner-inicio h1 {
        font-size: calc(100vw / 100 * 14); 
    }
    
}