.headerLeft, .headerRight {
    height: 16vh;
    line-height: 16vh;

    color:rgb(127, 78, 30);
    font-family: lounge;
    font-size: 3.5vw;
    
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.headerLeft{
    text-align: right;
}

.headerRight{
    text-align: left
}

.headerLeft p {
    position: relative;

    padding-right: 2vw;
    margin-bottom: 0;
    
    z-index: 6;
}

.headerRight p {
    padding-left: 2vw;
    margin-bottom: 0;
}
 
.headerRight img {
    position: absolute;

    top:5px;
    left:0;

    max-height:40%;
}

.headerLeft img {
    position: absolute;
    
    top:2vh;
    left:2vw;

    max-height:10vh;

    z-index: 5;
}

@media screen and ( max-width: 1099px) and (min-width: 700px) {
    .headerLeft p {
        display: none;
    }

    .headerRight p {
        display: none;
    }

    .headerLeft img {
        display: none;
    }
}

@media screen and ( max-width: 699px) {
    .headerLeft, .headerRight {
        display: none;
    }
}