@media only screen and (min-width: 1050px) {
    .navbar {
        height: 54px;
        padding: 10px 20px 10px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: opacity 1s;
        background-color: #0A153D;
    }

    .headerButton {
        padding-right: 1em;
        
    }
    
}

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

    .navbar {
        height: 40px;
        padding: 10px 20px 10px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: opacity 1s;
        background-color: #0A153D;
    }

    .headerButton {
        padding-right: 0.5em;
    }

}