.navbar {
    text-align: center;
    
    background-color: rgba(0, 0, 0, 50%);
    color: white;
}

.navbar p {
    display: inline-block;

    margin-top: 40px;

    font-size: 20px;

    margin-right: 2.5vw;
}

.navleft {
    float: left;
}

.navright {
    float: right;
}

.navbar img {
    width: 100px;
}

#navigationIcon {
    display: none;

    padding-top: 20px;
    width: 60px;
    float: right;
    margin-right: 15px;
}

@media screen and (min-width: 1100px) {
    .navbar {
        margin-left: 15%;
        margin-right: 15%;
    
        padding-left: 5%;
        padding-right: 5%;
    
        border-radius: 25px;
    }
}

@media screen and (max-width: 500px) {
    .navbar {
        text-align: inherit;
    }

    .navbar p {
        display: none;
    }

    #navigationIcon {
        display: block;
    }
}