body {
    padding: 0;
    margin: 0;
    background: beige;
}
.navbar {
    background-color:rgb(219, 161, 3);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.png-fluid{
    position: absolute;
    top: 0px;
    bottom: 100px;
    height: auto;
    left: 0px;
    width: 112px;
}
.nav-link,
.navbar-brand {
    color: #fff;
    cursor: pointer;
}
.nav-link {
    margin-right: 1em !important;
}
.nav-link:hover,
.navbar-brand:hover {
    color: #000;
}
.navbar-collapse {
    justify-content: flex-end;
}
.title{
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: left;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.flex-item-1{
background-color: lightcoral;
}
.flex-item-2{
background-color: lightblue;
}
.flex-item-3{
background-color: lightgreen;   
}
.flex-item-4{
background-color: yellow;    
}
.flex-item-5{
background-color: lightpink;    
}
.flex-item-6{
background-color: lightsalmon;    
}