/*===================
      Header
=====================*/
.header-div{
    box-sizing: border-box;
    background-color: rgb(0, 210, 198);
    position: fixed;
    height:109px;
    border-bottom: 1px solid white;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*===================
    Header - Logo
=====================*/
.leftside-header-div{
    height: 109px;
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leftside-header-div img{
    height: 75%;
    cursor: pointer;
}

/*===================
Header - right section
=====================*/


.right-header-div{
    display: flex;

}
.right-text{
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    margin-right: 50px;

}
.right-text h3{
    color: white;
    cursor: pointer;
    font-weight: 500;
}
.right-text h3:hover{
    text-decoration: underline;
}
.right2-img{
    display: inline-block;
    height: 109px;
    display: flex;
    flex-direction: rows;
    align-items: center;
    justify-content: space-between;
    width: 190px;
    margin-right: 60px;
}
.right2-img img{
    height: 28px;
    cursor: pointer;
}