@media screen and (max-width:768px){
    

    #pageTitles{
        font-size: 1.9rem;
        line-height: 45px;
    }

    nav{
       position: relative;
        
        width: 100%;
    }

    nav ul{
        position: absolute;
        top: 100%;
        left: 0;
        text-align: enter;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: aliceblue;
        color: rgb(86, 86, 87); 
        transform: translateY(-290px) scale(0.3);

    }

    nav ul.showMenu{
       
        transform: translateY(0) scale(1);

    }

    .text-6xxx{
        font-size: 1rem;
    }

}

/* med devices */

@media screen and (min-width:768px){
    .hamburger{
        display: none;
    }
    
}