.nav-sem-menu {
    ul {
        display: inline-block;
        margin: 1rem 0 0 0;
    }
    li {
        display: inline-block;
        margin-right: 1rem;
    }
    a {
        font-size: 0.8rem;
        color: #404040;
    }
}

@media (min-width: 769px) {
    .titulo {
        grid-column: 1 / span 4;
        grid-row: 1;
        align-items: left;
    }
    
    .conteudo {
        grid-column: 3 / span 4;
    }

    .nav-sem-menu {
        a::after {
            position:relative;
            bottom:0;
            height: 1px;
            width:0%;
            background-color: #404040;
            display: block;
            content:'';
        }
        a:hover:after{
            left:0;
            width:100%;
        }
    }
}

@media (max-width: 768px) {
    .container {
        display: block;
    }

    .header {
        display: block;
    }

    .titulo {
        grid-column: 1 / span 2;
        grid-row: 1;
        height: fit-content;

        h1 {
            font-size: 1rem;
            margin-left: 0;
            height: auto;
            text-align: left;
            border: none;
            padding: 0;
        }

        h3 {
            display: block;
            margin: 4px 0 4px 0;
        }
    }

    .nav-sem-menu a {
        padding-right: 2px;
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
    }

    .nav-sem-menu a:active{
        border-color: #404040;
    }
}